:root{--ink:#fdf3e7;--ink-muted:rgba(253,243,231,0.74);--ink-soft:rgba(253,243,231,0.56);--hairline:rgba(253,243,231,0.14);--panel:rgba(8,5,16,0.52);--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}html{-webkit-text-size-adjust:100%}body{min-height:100svh;color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.5;letter-spacing:.005em;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg,body{background:#160d2e}.bg{position:fixed;inset:0;z-index:-3}.bg__layer{position:absolute;inset:0}.bg__layer--enter{animation:bgIn .76s ease forwards}@keyframes bgIn{0%{opacity:0}to{opacity:1}}.scrim{position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(8,5,16,.5),rgba(8,5,16,.14) 15%,rgba(8,5,16,0) 40%,rgba(8,5,16,0) 78%,rgba(8,5,16,.16))}.app{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:rgba(9,6,18,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(253,243,231,.1)}.nav__list{display:flex;gap:.35rem;max-width:1300px;margin:0 auto;padding:.6rem .9rem;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,black calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,black calc(100% - 32px),transparent)}.nav__list::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;display:flex;align-items:center;gap:.45rem;padding:.5rem .9rem;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--ink-soft);font-family:inherit;font-size:.84rem;font-weight:400;white-space:nowrap;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.tab--active,.tab:hover{color:var(--ink)}.tab--active{background:rgba(253,243,231,.14);border-color:rgba(253,243,231,.22)}.tab__dot{width:.5rem;height:.5rem;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.25)}.screen,.stage{flex:1 1;display:flex;flex-direction:column}.screen{width:100%;max-width:760px;margin:0 auto;padding:clamp(1.6rem,5vh,3rem) clamp(1.1rem,4vw,1.7rem);justify-content:center;gap:clamp(1.3rem,3.8vh,2.5rem);animation:screenIn .42s ease}@keyframes screenIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.screen__kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.24em;color:var(--ink-muted);text-shadow:0 1px 10px rgba(0,0,0,.6)}.screen__name{margin-top:.45rem;font-size:clamp(2.3rem,7.6vw,3.6rem);font-weight:300;letter-spacing:-.022em;line-height:1.04;text-shadow:0 2px 28px rgba(0,0,0,.45)}.screen__area{margin-top:.4rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-muted);text-shadow:0 1px 10px rgba(0,0,0,.6)}.events{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(.8rem,2.4vw,1.1rem);gap:clamp(.8rem,2.4vw,1.1rem)}.panel{display:flex;flex-direction:column;gap:.72rem;padding:clamp(1.15rem,3.2vw,1.65rem);border:1px solid rgba(253,243,231,.13);border-top:2px solid var(--tier,rgba(253,243,231,.3));border-radius:1rem;background:var(--panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.panel__top{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.panel__kind{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-muted)}.panel__time{font-size:.78rem;color:var(--ink-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.panel__verdict{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.panel__label{font-size:clamp(1.8rem,5.2vw,2.5rem);font-weight:500;letter-spacing:-.012em;line-height:1.05;color:var(--tier,var(--ink))}.panel__score{font-size:1rem;color:var(--ink-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.panel__max{color:var(--ink-soft)}.meter{height:.34rem;border-radius:999px;background:rgba(253,243,231,.14);overflow:hidden}.meter__fill{height:100%;border-radius:999px}.panel__summary{font-size:.76rem;line-height:1.55;color:var(--ink-muted)}.panel--empty{justify-content:flex-start;gap:.8rem}.panel__none{font-size:.82rem;color:var(--ink-soft)}.outlook__title{font-size:.72rem;font-weight:400;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-muted);margin-bottom:.7rem;text-shadow:0 1px 10px rgba(0,0,0,.6)}.outlook__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.55rem;gap:.55rem}.ocard{display:flex;flex-direction:column;gap:.5rem;padding:.72rem .78rem;border:1px solid rgba(253,243,231,.12);border-radius:.85rem;background:rgba(8,5,16,.42);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ocard__date{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted)}.orow{display:flex;align-items:center;gap:.5rem}.orow__label{flex:0 0 auto;width:3.4rem;font-size:.7rem;color:var(--ink-soft)}.orow__bar{flex:1 1;height:.3rem;border-radius:999px;background:rgba(253,243,231,.13);overflow:hidden}.orow__fill{display:block;height:100%;border-radius:999px}.orow__score{flex:0 0 auto;width:1.7rem;text-align:right;font-size:.78rem;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink-muted)}.foot{padding:clamp(.85rem,2.6vw,1.15rem) clamp(1rem,3vw,1.3rem);border:1px solid rgba(253,243,231,.1);border-radius:.85rem;background:rgba(8,5,16,.36);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.foot__line{font-size:.73rem;line-height:1.62;color:rgba(253,243,231,.82)}.foot__meta{margin-top:.45rem;font-size:.69rem;color:rgba(253,243,231,.6)}.panel__pm{color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.86em;font-weight:400;white-space:nowrap}.tab--meta{text-decoration:none;opacity:.85}.tab--meta:hover{opacity:1}.tab__dot--meta{background:transparent;border:1px solid rgba(253,243,231,.45);color:rgba(253,243,231,.85);font-size:.62rem;font-weight:500;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:none}.tab--back{text-decoration:none;color:var(--ink);font-size:.84rem}.tab--back:hover{background:rgba(253,243,231,.08)}.method{justify-content:flex-start;padding-top:clamp(1.6rem,4vh,2.6rem)}.method__body{display:flex;flex-direction:column;gap:clamp(1.2rem,2.8vw,1.8rem)}.method__section{padding:clamp(1.1rem,2.8vw,1.55rem) clamp(1.1rem,3vw,1.6rem);border:1px solid rgba(253,243,231,.13);border-radius:1rem;background:rgba(8,5,16,.52);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.method__section h2{font-size:clamp(1.25rem,3vw,1.55rem);font-weight:400;letter-spacing:-.01em;margin-bottom:.85rem;color:var(--ink)}.method__section h3{margin-top:1.35rem;margin-bottom:.5rem;font-size:.96rem;font-weight:500;letter-spacing:-.005em;color:var(--ink)}.method__section p{font-size:.86rem;line-height:1.65;color:rgba(253,243,231,.82);margin-bottom:.7rem}.method__section p:last-child{margin-bottom:0}.method__section ul{margin:.4rem 0 .7rem 1.15rem;font-size:.86rem;line-height:1.65;color:rgba(253,243,231,.82)}.method__section li{margin-bottom:.45rem}.method__section strong{color:var(--ink);font-weight:500}.method__section em{color:var(--ink);font-style:italic}.method__section code{font-size:.82em;background:rgba(253,243,231,.08);padding:.05rem .34rem;border-radius:.3rem}.method__code,.method__section code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;color:var(--ink)}.method__code{font-size:.76rem;line-height:1.55;background:rgba(0,0,0,.36);border:1px solid rgba(253,243,231,.08);border-radius:.55rem;padding:.75rem .95rem;margin:.45rem 0 .9rem;white-space:pre-wrap;overflow-x:auto}.method__table{width:100%;border-collapse:collapse;font-size:.82rem;margin:.5rem 0 .8rem}.method__table td,.method__table th{text-align:left;padding:.5rem .65rem;border-bottom:1px solid rgba(253,243,231,.1);color:rgba(253,243,231,.84);vertical-align:top}.method__table th{font-weight:500;color:var(--ink);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.method__swatch{display:inline-block;width:.72rem;height:.72rem;border-radius:.2rem;margin-right:.42rem;vertical-align:-.06rem;box-shadow:0 0 0 1px rgba(0,0,0,.32)}.error{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--ink-muted)}@media (max-width:620px){.events{grid-template-columns:1fr}.outlook__grid{grid-template-columns:repeat(2,1fr)}.method__section{padding:1rem}.method__code{font-size:.72rem}}@media (prefers-reduced-motion:reduce){.bg__layer--enter,.screen{animation:none}.tab{transition:none}}