@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}}@layer theme{:root{color-scheme:light dark;--bg-color:light-dark(oklch(100% 0 0),oklch(16.81% .0088 307.88));--text-main:light-dark(oklch(25% 0 0),oklch(95% 0 0));--text-muted:light-dark(oklch(60% 0 0),oklch(70% 0 0));--border-color:light-dark(oklch(92% 0 0),oklch(28% 0 0));--tag-action:light-dark(oklch(50.94% .206 28.91),oklch(60.76% .206 28.91));--tag-biography:light-dark(oklch(45.64% .0579 63.58),oklch(66.885% .04992 64.657));--tag-mystery:light-dark(oklch(49.42% .1962 328.05),oklch(56.901% .22987 328.073));--tag-thriller:light-dark(oklch(65.93% .230058 35.2202),oklch(65.93% .230058 35.2202));--tag-romance:light-dark(oklch(72.13% .1629 352.88),oklch(72.13% .1629 352.88));--tag-comedy:light-dark(oklch(71.14% .154993 68.5907),oklch(78.95% .154993 68.5907));--tag-crime:light-dark(oklch(64% .09 214.71),oklch(80.08% .09 214.71));--tag-drama:light-dark(oklch(43.53% .1493 10.06),oklch(67.27% .1493 10.06));--tag-adventure:light-dark(oklch(70% .1111 142.16),oklch(70% .1111 142.16));--tag-science:light-dark(oklch(78.09% .1485 225.44),oklch(78.09% .1485 225.44));--tag-fantasy:light-dark(oklch(47.59% .0522 206.23),oklch(69.37% .0965 206.23));--tag-history:light-dark(oklch(62.12% .1251 69.72),oklch(72% .1251 69.72));--tag-war:light-dark(oklch(57.91% .0628 87.24),oklch(77.87% .0628 87.24));--tag-documentary:light-dark(oklch(67.46% .1152 174.55),oklch(79.11% .1152 174.55));--tag-horror:light-dark(oklch(23.53% .0648 328.7),oklch(74.33% .0648 328.7));--tag-music:light-dark(oklch(55.72% .2617 304.98),oklch(60.87% .2617 304.98));--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}}@layer base{body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1{text-align:center;text-wrap:balance;margin-bottom:24px;font-size:1.5rem;font-weight:700}}@layer layout{header,main{width:750px;max-width:100%;margin:0 auto;padding:0 14px}main{margin-top:20px;margin-bottom:20px}header h1{margin-top:0;padding-top:20px}.tabs{justify-content:center;gap:32px;margin-bottom:32px;display:flex;position:relative;&:after{content:"";background-color:var(--border-color);z-index:-1;height:1px;position:absolute;bottom:0;left:0;right:0}& .tab{color:var(--text-muted);border-bottom:2px solid #0000;padding-bottom:8px;font-size:.95rem;font-weight:500;text-decoration:none;&.active{color:var(--text-main);border-bottom:2px solid var(--text-main)}}}}