@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Roboto+Mono:wght@400;500;600&display=swap";:root{--blue-50: #eef5fb;--blue-100: #d5e6f4;--blue-200: #b0cfe8;--blue-300: #84b3d9;--blue-400: #629ccf;--blue-500: #4f8bc9;--blue-600: #3f77b3;--blue-700: #356293;--blue-800: #2f5177;--blue-900: #2b4460;--green-50: #eaf7f1;--green-100: #c9ecdd;--green-200: #9eddc2;--green-300: #71cca6;--green-400: #51b792;--green-500: #37a67d;--green-600: #2b8a67;--green-700: #266f54;--green-800: #235844;--green-900: #1e4a3a;--red-50: #fdebef;--red-100: #fbccd6;--red-200: #f7a3b4;--red-300: #f2708a;--red-400: #f14d6f;--red-500: #ef3059;--red-600: #d51d47;--red-700: #b3143a;--red-800: #921232;--red-900: #79132e;--amber-50: #fdf4e7;--amber-100: #fae2bf;--amber-200: #f5c97f;--amber-300: #eeae42;--amber-400: #e0961f;--amber-500: #c07d12;--amber-600: #9a640e;--amber-700: #7a4f0c;--violet-50: #f1eefb;--violet-100: #ddd6f6;--violet-200: #c1b4ee;--violet-300: #a08ce3;--violet-400: #8670d6;--violet-500: #6f57c4;--violet-600: #5c46a7;--violet-700: #4b3a87;--neutral-0: #ffffff;--neutral-50: #f6f7f9;--neutral-100: #eceef2;--neutral-150: #e4e7ec;--neutral-200: #dce0e6;--neutral-300: #c3c9d2;--neutral-400: #9aa2af;--neutral-500: #6f7887;--neutral-600: #545c69;--neutral-700: #3d434e;--neutral-800: #2a2f38;--neutral-850: #22262e;--neutral-900: #1c2027;--neutral-950: #12151a;--neutral-1000: #0b0d10}:root{--accent-50: var(--blue-50);--accent-100: var(--blue-100);--accent-200: var(--blue-200);--accent-300: var(--blue-300);--accent-400: var(--blue-400);--accent-500: var(--blue-500);--accent-600: var(--blue-600);--accent-700: var(--blue-700);--accent-800: var(--blue-800);--accent-900: var(--blue-900)}[data-theme=dark]{--accent-50: var(--green-50);--accent-100: var(--green-100);--accent-200: var(--green-200);--accent-300: var(--green-300);--accent-400: var(--green-400);--accent-500: var(--green-500);--accent-600: var(--green-600);--accent-700: var(--green-700);--accent-800: var(--green-800);--accent-900: var(--green-900)}:root{color-scheme:light;--bg: var(--neutral-50);--surface: var(--neutral-0);--surface-2: var(--neutral-100);--surface-3: var(--neutral-150);--surface-sunken: var(--neutral-100);--surface-inverse: var(--neutral-900);--surface-hover: rgba(16, 24, 40, .04);--surface-pressed: rgba(16, 24, 40, .08);--surface-selected: var(--accent-50);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-500);--text-tertiary: var(--neutral-400);--text-disabled: var(--neutral-300);--text-inverse: var(--neutral-0);--text-on-accent: #ffffff;--text-link: var(--accent-600);--border: var(--neutral-200);--border-strong: var(--neutral-300);--divider: var(--neutral-150);--color-primary: var(--accent-600);--color-primary-hover: var(--accent-700);--color-primary-pressed: var(--accent-800);--color-primary-container: var(--accent-100);--on-primary-container: var(--accent-800);--color-primary-subtle: var(--accent-50);--color-success: var(--green-600);--color-success-container: var(--green-100);--on-success-container: var(--green-800);--color-warning: var(--amber-500);--color-warning-container: var(--amber-100);--on-warning-container: var(--amber-700);--color-danger: var(--red-600);--color-danger-hover: var(--red-700);--color-danger-container: var(--red-100);--on-danger-container: var(--red-800);--color-info: var(--blue-600);--color-info-container: var(--blue-100);--focus-ring: color-mix(in srgb, var(--accent-500) 55%, transparent);--overlay-scrim: rgba(18, 21, 26, .48);--shadow-rgb: 16, 24, 40;--skeleton: var(--neutral-150);--rating-terrible: var(--red-800);--rating-bad: var(--red-100);--rating-normal: var(--amber-100);--rating-good: var(--green-100);--rating-excellent: var(--green-800);--on-rating-terrible: var(--neutral-0);--on-rating-bad: var(--red-900);--on-rating-normal: var(--amber-700);--on-rating-good: var(--green-800);--on-rating-excellent: var(--neutral-0)}[data-theme=dark]{color-scheme:dark;--bg: var(--neutral-1000);--surface: var(--neutral-950);--surface-2: var(--neutral-900);--surface-3: var(--neutral-850);--surface-sunken: var(--neutral-1000);--surface-inverse: var(--neutral-100);--surface-hover: rgba(255, 255, 255, .06);--surface-pressed: rgba(255, 255, 255, .1);--surface-selected: color-mix(in srgb, var(--accent-500) 22%, var(--neutral-900));--text-primary: var(--neutral-50);--text-secondary: var(--neutral-400);--text-tertiary: var(--neutral-500);--text-disabled: var(--neutral-600);--text-inverse: var(--neutral-900);--text-on-accent: #ffffff;--text-link: var(--accent-300);--border: var(--neutral-800);--border-strong: var(--neutral-700);--divider: var(--neutral-850);--color-primary: var(--accent-400);--color-primary-hover: var(--accent-300);--color-primary-pressed: var(--accent-200);--color-primary-container: color-mix(in srgb, var(--accent-500) 28%, var(--neutral-900));--on-primary-container: var(--accent-100);--color-primary-subtle: color-mix(in srgb, var(--accent-500) 14%, var(--neutral-950));--color-success: var(--green-400);--color-success-container: color-mix(in srgb, var(--green-500) 26%, var(--neutral-900));--on-success-container: var(--green-100);--color-warning: var(--amber-300);--color-warning-container: color-mix(in srgb, var(--amber-500) 26%, var(--neutral-900));--on-warning-container: var(--amber-100);--color-danger: var(--red-400);--color-danger-hover: var(--red-300);--color-danger-container: color-mix(in srgb, var(--red-500) 26%, var(--neutral-900));--on-danger-container: var(--red-100);--color-info: var(--blue-300);--color-info-container: color-mix(in srgb, var(--blue-500) 26%, var(--neutral-900));--focus-ring: color-mix(in srgb, var(--accent-400) 65%, transparent);--overlay-scrim: rgba(0, 0, 0, .64);--shadow-rgb: 0, 0, 0;--skeleton: var(--neutral-850);--rating-terrible: var(--red-600);--rating-bad: var(--red-300);--rating-normal: var(--amber-400);--rating-good: var(--green-300);--rating-excellent: var(--green-600);--on-rating-terrible: var(--neutral-0);--on-rating-bad: var(--red-900);--on-rating-normal: var(--amber-700);--on-rating-good: var(--green-900);--on-rating-excellent: var(--neutral-0)}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-pill: 999px;--radius-round: 50%;--control-sm: 32px;--control-md: 40px;--control-lg: 48px;--sidebar-w: 264px;--sidebar-w-mini: 72px;--topbar-h: 64px;--container-max: 1280px;--z-base: 0;--z-sticky: 100;--z-drawer: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 500;--z-toast: 600;--z-tooltip: 700;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.3, 0, 0, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .26s}:root{--shadow-0: none;--shadow-1: 0 1px 2px rgba(var(--shadow-rgb), .08), 0 1px 3px rgba(var(--shadow-rgb), .06);--shadow-2: 0 2px 6px rgba(var(--shadow-rgb), .1), 0 1px 2px rgba(var(--shadow-rgb), .08);--shadow-3: 0 6px 16px rgba(var(--shadow-rgb), .12), 0 2px 6px rgba(var(--shadow-rgb), .08);--shadow-4: 0 12px 32px rgba(var(--shadow-rgb), .16), 0 4px 10px rgba(var(--shadow-rgb), .1);--shadow-5: 0 24px 56px rgba(var(--shadow-rgb), .22), 0 8px 18px rgba(var(--shadow-rgb), .12)}:root{--font-sans: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-mono: "Roboto Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--text-display-size: 2.5rem;--text-display-lh: 1.15;--text-h1-size: 2rem;--text-h1-lh: 1.2;--text-h2-size: 1.5rem;--text-h2-lh: 1.28;--text-h3-size: 1.25rem;--text-h3-lh: 1.35;--text-title-size: 1.125rem;--text-title-lh: 1.4;--text-body-lg-size: 1rem;--text-body-lg-lh: 1.5;--text-body-size: .875rem;--text-body-lh: 1.5;--text-caption-size: .8125rem;--text-caption-lh: 1.4;--text-overline-size: .6875rem;--text-overline-lh: 1.3;--text-mono-size: .8125rem;--ls-tight: -.01em;--ls-normal: 0;--ls-wide: .02em;--ls-overline: .08em}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-lh);color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--text-link);text-decoration:none;transition:color var(--dur-fast) var(--ease-standard)}a:hover{color:var(--color-primary-hover);text-decoration:underline}h1,h2,h3,h4,h5,h6,p{margin:0}::selection{background:color-mix(in srgb,var(--accent-500) 30%,transparent)}*{scrollbar-width:thin;scrollbar-color:var(--neutral-300) transparent}[data-theme=dark] *{scrollbar-color:var(--neutral-700) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:content-box}[data-theme=dark] *::-webkit-scrollbar-thumb{background:var(--neutral-700);background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.np-display{font-size:var(--text-display-size);line-height:var(--text-display-lh);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight)}.np-h1{font-size:var(--text-h1-size);line-height:var(--text-h1-lh);font-weight:var(--fw-medium);letter-spacing:var(--ls-tight)}.np-h2{font-size:var(--text-h2-size);line-height:var(--text-h2-lh);font-weight:var(--fw-medium)}.np-h3{font-size:var(--text-h3-size);line-height:var(--text-h3-lh);font-weight:var(--fw-medium)}.np-title{font-size:var(--text-title-size);line-height:var(--text-title-lh);font-weight:var(--fw-medium)}.np-body-lg{font-size:var(--text-body-lg-size);line-height:var(--text-body-lg-lh)}.np-body{font-size:var(--text-body-size);line-height:var(--text-body-lh)}.np-caption{font-size:var(--text-caption-size);line-height:var(--text-caption-lh);color:var(--text-secondary)}.np-overline{font-size:var(--text-overline-size);line-height:var(--text-overline-lh);letter-spacing:var(--ls-overline);text-transform:uppercase;font-weight:var(--fw-medium);color:var(--text-secondary)}.np-mono{font-family:var(--font-mono);font-size:var(--text-mono-size)}.review-row{transition:background-color var(--dur-fast) var(--ease-standard);border-radius:0}.review-row:hover{background:var(--surface-hover);text-decoration:none}.review-row:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.wall{--wall-text: clamp(1.125rem, .55rem + 1.05vw, 1.75rem);--wall-lead: clamp(1.5rem, .6rem + 2.4vw, 3.25rem);display:flex;flex-direction:column;gap:clamp(var(--space-6),3vw,var(--space-12))}.wall-columns{columns:3 24rem;column-gap:clamp(var(--space-6),3vw,var(--space-12))}.wall-item{position:relative;display:grid;grid-template-columns:2.6em 1fr;gap:0 .75em;break-inside:avoid;isolation:isolate;padding:1em 0;border-top:1px solid var(--divider);font-size:var(--wall-text);color:inherit;text-decoration:none}.wall-item:hover{text-decoration:none;color:inherit}.wall-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.wall-item--lead{font-size:var(--wall-lead);grid-template-columns:2.4em 1fr;border-top:0;padding:0 0 .6em;max-width:34em}.wall-item--lead .wall-text{font-weight:var(--fw-regular);line-height:1.25;letter-spacing:var(--ls-tight)}.wall-item--lead .wall-meta{font-size:.5em}.wall-rating{font-weight:var(--fw-medium);line-height:1.25;font-variant-numeric:tabular-nums}.wall-rating small{font-size:.55em;color:var(--text-tertiary);font-weight:var(--fw-regular)}.wall-body{display:flex;flex-direction:column;gap:.4em;min-width:0}.wall-text{line-height:1.4;overflow-wrap:anywhere;text-wrap:pretty}.wall-muted{color:var(--text-tertiary)}.wall-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.25em 1em;font-size:.72em;color:var(--text-secondary)}.wall-author{color:var(--text-primary);font-weight:var(--fw-medium)}.wall-media{display:inline-flex;align-items:center;gap:.3em}.wall-foot{font-size:var(--text-body-lg-size);color:var(--text-secondary)}.wall-item:before{content:"";position:absolute;inset:0 -.5em;background:var(--color-primary-subtle);border-radius:var(--radius-md);opacity:0;z-index:-1;transition:opacity 1.2s var(--ease-standard)}.wall-item--fresh:before{opacity:1;transition-duration:var(--dur-base)}.wall-item--fresh{animation:wall-in .6s var(--ease-emphasized) both}@keyframes wall-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.wall-item--fresh{animation:none}}.wall-video{grid-column:1 / -1;justify-self:start;display:block;width:auto;height:auto;max-width:100%;max-height:46vh;background:#000;border-radius:var(--radius-md);margin-bottom:.6em}.wall-item--lead.wall-item--video{max-width:none;grid-template-columns:fit-content(55%) 2.4em minmax(0,1fr);align-items:start}.wall-item--lead .wall-video{grid-column:1;grid-row:1;max-height:58vh;margin:0 .4em 0 0}@media(max-width:900px){.wall-item--lead.wall-item--video{grid-template-columns:2.4em 1fr}.wall-item--lead .wall-video{grid-column:1 / -1;grid-row:auto;margin:0 0 .6em}}.screen{height:100vh;height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,20vw,380px);overflow:hidden;background:var(--bg)}.screen-stage{position:relative;min-width:0;min-height:0}.screen-stage>.screen-empty{position:absolute;inset:0;display:grid;place-items:center;margin:0}.screen-empty{margin:auto;font-size:min(3vw,4.5vh);color:var(--text-secondary)}.screen-slide{position:absolute;inset:min(5vw,7vh);display:flex;align-items:center;gap:min(4vw,6vh);animation:screen-in .9s var(--ease-emphasized) both}.screen-slide--leaving{animation:screen-out .9s var(--ease-standard) both;pointer-events:none}@keyframes screen-in{0%{opacity:0;transform:translateY(2vh)}to{opacity:1;transform:none}}@keyframes screen-out{0%{opacity:1}to{opacity:0}}.screen-video{flex:none;display:block;height:100%;width:auto;max-width:55%;object-fit:contain;background:#000;border-radius:var(--radius-lg)}.screen-content{min-width:0;display:flex;flex-direction:column;gap:min(2.4vw,3.6vh)}.screen-rating{display:flex;align-items:baseline;font-size:min(5vw,8vh);font-weight:var(--fw-medium);line-height:1;font-variant-numeric:tabular-nums}.screen-rating small{font-size:.4em;color:var(--text-tertiary);font-weight:var(--fw-regular)}.screen-text{max-width:24em;line-height:1.25;letter-spacing:var(--ls-tight);overflow-wrap:anywhere;text-wrap:pretty}.screen-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.3em 1.2em;font-size:min(1.8vw,2.8vh);color:var(--text-secondary)}.screen-author{color:var(--text-primary);font-weight:var(--fw-medium)}.screen-media{display:inline-flex;align-items:center;gap:.35em}.screen-new{display:inline-block;margin-left:.5em;padding:.15em .55em;border-radius:var(--radius-pill);background:var(--color-primary-container);color:var(--on-primary-container);font-size:.35em;font-weight:var(--fw-medium);vertical-align:middle}.screen-strip .screen-new{font-size:.8em;margin:0 .5em 0 0}.screen-progress{position:absolute;left:calc(-1*min(5vw,7vh));right:calc(-1*min(5vw,7vh));bottom:calc(-1*min(5vw,7vh));height:3px;background:var(--color-primary);transform-origin:left;animation:screen-progress linear both}@keyframes screen-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.screen-strip{border-left:1px solid var(--divider);background:var(--surface);padding:min(2.4vw,3.6vh) min(1.6vw,2.4vh);display:flex;flex-direction:column;gap:min(1.6vw,2.4vh);overflow:hidden;font-size:min(1.2vw,2vh)}.screen-strip-title{color:var(--text-tertiary);margin-top:1em}.screen-strip-item{display:grid;grid-template-columns:1.6em 1fr;gap:.6em;padding-top:1em;border-top:1px solid var(--divider)}.screen-strip-rating{font-weight:var(--fw-medium);font-variant-numeric:tabular-nums}.screen-strip-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-secondary);line-height:1.35}@media(max-width:800px){.screen{grid-template-columns:1fr}.screen-strip{display:none}.screen-slide--video{flex-direction:column}.screen-video{height:auto;max-height:50%;max-width:100%}}@media(prefers-reduced-motion:reduce){@keyframes screen-in{0%{opacity:0}to{opacity:1}}.screen-progress{animation:none;transform:scaleX(1);opacity:.3}}