@property --accent{syntax: "<color>"; inherits: true; initial-value: #E4BE6E;}:root{--bg: #08070a;--ink: #F2EBDA;--ink-2: #b9b09f;--ink-3: #6E685C;--line: rgba(242, 235, 218, .12);--accent: #E4BE6E;--f-serif: "Noto Serif Thai", serif;--f-sans: "Noto Sans Thai", system-ui, sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, monospace;--ease: cubic-bezier(.2, .8, .2, 1);--panel-w: min(420px, 38vw);transition:--accent .9s var(--ease)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);overflow:hidden}body{font-family:var(--f-sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:1px solid var(--accent);outline-offset:3px}#stage{position:fixed;inset:0;touch-action:none}#stage canvas{display:block;width:100%;height:100%}#labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.th{font-family:var(--f-sans)!important;letter-spacing:.03em!important;text-transform:none!important}.mono{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.16em;font-size:10.5px}.pl{position:absolute;left:0;top:0;pointer-events:auto;cursor:pointer;display:flex;align-items:baseline;gap:7px;white-space:nowrap;padding:4px 10px 12px;border:0;background:none;transition:opacity .35s,color .3s;will-change:transform}.pl:after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:9px;background:linear-gradient(var(--c),transparent);opacity:.7}.pl-n,.pl-ct{font-family:var(--f-mono);font-style:normal;font-size:9.5px;letter-spacing:.14em;color:var(--c)}.pl-ct{color:var(--ink-3)}.pl-nm{font-family:var(--f-serif);font-weight:600;font-size:13px;color:var(--ink);text-shadow:0 1px 12px #000,0 0 2px #000;transition:letter-spacing .4s var(--ease)}.pl.on .pl-nm,.pl:focus-visible .pl-nm{letter-spacing:.03em}.pl.on .pl-ct{color:var(--c)}.ol{position:absolute;left:0;top:0;white-space:nowrap;will-change:transform;font-family:var(--f-serif);font-weight:600;font-size:13px;color:var(--ink);text-shadow:0 1px 10px #000,0 0 2px #000;transition:color .3s}.ol.on{color:var(--c)}#readout{position:fixed;left:clamp(20px,4vw,56px);bottom:64px;pointer-events:none;display:flex;flex-direction:column;gap:4px;max-width:60vw}#readout .ro-n{font-family:var(--f-mono);font-size:11px;letter-spacing:.3em;color:var(--accent)}#readout .ro-nm{font-family:var(--f-serif);font-weight:700;line-height:1.05;font-size:clamp(34px,6.2vw,92px);color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--ink) 38%,transparent)}#readout>*{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .7s var(--ease)}#readout.on>*{opacity:1;transform:none}#readout.on .ro-nm{transition-delay:.05s}body.focused #readout{display:none}.top{position:fixed;left:0;right:0;top:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px clamp(16px,3vw,36px);pointer-events:none;background:linear-gradient(180deg,rgba(8,7,10,.7),transparent)}.top>*{pointer-events:auto}.back{justify-self:start;text-decoration:none;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:#08070a73;backdrop-filter:blur(8px);transition:.25s}.back:hover{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.brand{display:flex;align-items:baseline;gap:9px;font-family:var(--f-mono);font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--ink-2)}.brand em{font-style:normal;font-family:var(--f-serif);font-size:19px;letter-spacing:.08em;text-transform:none;color:var(--accent)}.stats{justify-self:end;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;color:var(--ink-3);text-transform:uppercase;display:flex;gap:16px}.stats b{color:var(--ink);font-weight:500;margin-right:5px}.index{position:fixed;z-index:4;left:clamp(16px,3vw,36px);top:84px;bottom:150px;width:232px;display:flex;flex-direction:column;transition:opacity .5s,transform .6s var(--ease)}body.focused .index{opacity:0;transform:translate(-16px);pointer-events:none}.index:before{content:"";position:fixed;left:0;top:0;bottom:0;width:340px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(8,7,10,.72),transparent)}.idx-toggle{display:none}.index ol{list-style:none;margin:0;padding:0 4px 0 0;overflow-y:auto;scrollbar-width:none;mask-image:linear-gradient(180deg,#000 85%,transparent)}.index ol::-webkit-scrollbar{display:none}.index li button{width:100%;display:grid;grid-template-columns:26px 1fr auto;align-items:baseline;gap:8px;padding:6px 0;border:0;background:none;cursor:pointer;text-align:left;color:var(--ink-3);transition:color .25s}.index li button .n{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.12em}.index li button .nm{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:transform .35s var(--ease)}.index li button .ct{font-family:var(--f-mono);font-size:9.5px}.index li button:hover,.index li button.on{color:var(--ink)}.index li button:hover .n,.index li button.on .n{color:var(--c)}.index li button:hover .nm,.index li button.on .nm{transform:translate(6px)}.panel{position:fixed;z-index:6;right:0;top:0;bottom:0;width:calc(var(--panel-w) + 180px);padding:76px 30px 30px 210px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;background:linear-gradient(90deg,#08070a00,#08070a8c 120px,#08070ae6 180px,#08070af2);pointer-events:none;transform:translate(24px);opacity:0;transition:opacity .5s var(--ease),transform .7s var(--ease)}.panel.open{transform:none;opacity:1}.panel-body,.panel-close{pointer-events:auto}.panel[hidden]{display:block;visibility:hidden}.panel-close{position:absolute;top:20px;right:24px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#08070a80;cursor:pointer;color:var(--ink-2);transition:.25s}.panel-close:hover{color:var(--ink);border-color:var(--accent);transform:rotate(90deg)}.reveal>*{opacity:0;transform:translateY(12px);animation:rv .8s var(--ease) forwards}.reveal>*:nth-child(2){animation-delay:.06s}.reveal>*:nth-child(3){animation-delay:.12s}.reveal>*:nth-child(4){animation-delay:.18s}.reveal>*:nth-child(5){animation-delay:.24s}.reveal>*:nth-child(6){animation-delay:.3s}.reveal>*:nth-child(n+7){animation-delay:.36s}@keyframes rv{to{opacity:1;transform:none}}.eyebrow{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);display:flex;gap:10px;align-items:center}.eyebrow:before{content:"";width:22px;height:1px;background:currentColor}.p-title{font-family:var(--f-serif);font-weight:700;font-size:clamp(28px,2.6vw,40px);line-height:1.15;margin:12px 0 8px}.p-meta{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;color:var(--ink-2);text-transform:uppercase}.p-tip{margin:18px 0 20px;font-size:13px;color:var(--ink-2);border-left:1px solid var(--accent);padding-left:12px}.roster{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.roster button{width:100%;display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;padding:11px 4px;border:0;border-bottom:1px solid var(--line);background:none;cursor:pointer;text-align:left;transition:background .25s,padding .35s var(--ease)}.roster button:hover{background:color-mix(in srgb,var(--c) 8%,transparent);padding-left:10px}.av{width:44px;height:44px;border-radius:50%;background:var(--s) center 18% / cover no-repeat;box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 60%,transparent)}.roster .nm{font-family:var(--f-serif);font-weight:600;font-size:15px;display:block}.roster .sub{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase}.roster .go{color:var(--c);font-size:14px;opacity:.6;transition:transform .3s var(--ease),opacity .3s}.roster button:hover .go{transform:translate(4px);opacity:1}.p-back{border:0;background:none;cursor:pointer;padding:0;margin-bottom:18px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase}.p-back:hover{color:var(--ink)}.portrait{position:relative;margin:0 0 20px;aspect-ratio:4 / 5;border-radius:18px;overflow:hidden;background:var(--s) center 20% / cover no-repeat,var(--soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent),0 30px 80px -30px color-mix(in srgb,var(--accent) 60%,transparent)}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,7,10,.85))}.portrait .role{position:absolute;z-index:1;left:16px;bottom:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:18px 0}.stats-grid div{background:var(--bg);padding:10px 12px}.stats-grid dt{font-family:var(--f-mono);font-size:9px;letter-spacing:.16em;color:var(--ink-3);text-transform:uppercase}.stats-grid dd{margin:4px 0 0;font-size:14px;font-weight:500}.intro{font-size:14.5px;line-height:1.85;color:var(--ink-2);font-weight:300;margin:0}.chips-h{margin:24px 0 10px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:4px 12px 4px 4px;cursor:pointer;border:1px solid color-mix(in srgb,var(--c) 40%,transparent);background:color-mix(in srgb,var(--c) 10%,transparent);font-size:12.5px;transition:background .25s}.chip .av{width:24px;height:24px}.chip small{font-family:var(--f-mono);font-size:9px;letter-spacing:.1em;color:var(--ink-3)}.chip:hover{background:color-mix(in srgb,var(--c) 24%,transparent)}.cta{display:flex;flex-direction:column;gap:10px;margin-top:26px}.btn{background:transparent;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-decoration:none;padding:13px 18px;border-radius:999px;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);transition:.3s var(--ease)}.btn.primary{background:var(--accent);color:#0b0a0e;border-color:var(--accent)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px -12px var(--accent)}.hint{position:fixed;left:0;right:0;bottom:0;z-index:3;pointer-events:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(16px,3vw,36px);font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase;background:linear-gradient(0deg,rgba(8,7,10,.6),transparent)}body.focused .hint{right:var(--panel-w)}.loader{position:fixed;inset:0;z-index:20;background:var(--bg);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(20px,4vw,48px);transition:clip-path 1.3s cubic-bezier(.76,0,.24,1);clip-path:inset(0 0 0 0)}.loader.done{clip-path:inset(0 0 100% 0);pointer-events:none}.ld-top{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-3)}.ld-mid{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.ld-count{font-family:var(--f-mono);font-weight:400;font-size:clamp(72px,16vw,220px);line-height:.85;color:var(--ink);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.ld-title{display:flex;flex-direction:column;text-align:right;font-family:var(--f-serif);font-weight:600;font-size:clamp(22px,3.4vw,44px);line-height:1.25}.ld-title span:last-child{color:var(--accent)}.ld-bar{height:1px;background:var(--line);margin-top:26px}.ld-bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}.ld-note{margin-top:12px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;color:var(--ink-3)}.ld-note a{color:var(--accent)}.cursor{display:none}@media(pointer:fine){.cursor{display:block;position:fixed;z-index:30;left:0;top:0;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);pointer-events:none;transition:width .3s var(--ease),height .3s var(--ease),margin .3s var(--ease),background .3s,opacity .3s;mix-blend-mode:screen}body.hot .cursor{width:58px;height:58px;margin:-29px 0 0 -29px;background:color-mix(in srgb,var(--accent) 14%,transparent)}}@media(max-width:760px){:root{--panel-w: 100vw}.top{grid-template-columns:auto 1fr;gap:12px;padding:14px 16px}.brand{justify-self:end;letter-spacing:.3em;font-size:9.5px}.brand em{font-size:16px}.stats{display:none}#readout{bottom:118px;left:16px;max-width:calc(100vw - 32px)}.index{inset:auto 16px 52px;width:auto;max-height:50vh}.idx-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:11px 16px;border-radius:999px;cursor:pointer;border:1px solid var(--line);background:#08070ab3;backdrop-filter:blur(10px);font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase}.idx-toggle i{font-style:normal;color:var(--accent)}.index ol{display:none;order:-1;margin-bottom:8px;padding:10px 16px;border-radius:18px;background:#08070ae0;backdrop-filter:blur(10px);border:1px solid var(--line);mask-image:none}.index.open ol{display:block}.panel{top:auto;left:0;width:100%;height:62dvh;padding:26px 20px 30px;pointer-events:auto;border-radius:22px 22px 0 0;border-top:1px solid var(--line);background:#08070aed;backdrop-filter:blur(12px);transform:translateY(40px)}.panel-close{top:16px;right:16px}.portrait{aspect-ratio:16 / 11}.stats-grid{grid-template-columns:repeat(2,1fr)}.hint{padding:14px 16px}.hint-epoch,body.focused .hint{display:none}.pl-nm{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.top-r{justify-self:end;display:flex;align-items:center;gap:18px}.top-r .stats{justify-self:auto}.langsel{position:relative;display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--ink-2);font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;transition:color .3s,border-color .3s}.langsel b{font-weight:500}.langsel i{font-style:normal;font-size:8px;opacity:.7}.langsel:hover,.langsel:focus-within{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.langsel select{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer;font-size:16px}.langsel option{color:#111}.bot-th{font-family:var(--f-mono);font-size:8.5px;letter-spacing:.12em;padding:1px 5px;border:1px solid currentColor;border-radius:4px;opacity:.7}html[data-lang=ja]{--f-sans: "Noto Sans JP", "Noto Sans Thai", system-ui, sans-serif;--f-serif: "Noto Serif JP", "Noto Serif Thai", serif}html[data-lang=ko]{--f-sans: "Noto Sans KR", "Noto Sans Thai", system-ui, sans-serif;--f-serif: "Noto Serif KR", "Noto Serif Thai", serif}html[data-lang=zh]{--f-sans: "Noto Sans TC", "Noto Sans Thai", system-ui, sans-serif;--f-serif: "Noto Serif TC", "Noto Serif Thai", serif}.sound{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:#08070a73;backdrop-filter:blur(8px);color:var(--ink-3);transition:.25s}.sound:hover{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.sound .mono-s{font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.sound .bars{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.sound .bars i{width:2px;height:3px;background:currentColor;border-radius:1px;transition:height .3s}.sound.on{color:var(--accent)}.sound.on .bars i{animation:eq 1s ease-in-out infinite}.sound.on .bars i:nth-child(2){animation-delay:-.3s}.sound.on .bars i:nth-child(3){animation-delay:-.6s}.sound.on .bars i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%,to{height:3px}50%{height:12px}}.bday{position:fixed;z-index:5;top:70px;left:50%;transform:translate(-50%,-12px);opacity:0;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 32px);padding:8px 10px 8px 16px;border-radius:999px;cursor:pointer;font-size:13px;color:var(--ink-2);border:1px solid var(--line);background:#08070a9e;backdrop-filter:blur(10px);transition:opacity .6s var(--ease),transform .8s var(--ease),border-color .3s}.bday[hidden]{display:none}.bday.show{opacity:1;transform:translate(-50%)}.bday b{color:var(--ink);font-weight:500}.bday.now{border-color:#ffc85a8c;color:var(--ink);box-shadow:0 0 40px -10px #ffbe5099}.bday.now b{color:#ffd36e}.bday .bd-go{color:#ffd36e;white-space:nowrap}.bday .bd-ic{font-size:15px}.bday.now .bd-ic{animation:bob 1.6s ease-in-out infinite}.bday .bd-x{border:0;background:none;color:var(--ink-3);cursor:pointer;width:24px;height:24px;border-radius:50%}.bday .bd-x:hover{color:var(--ink);background:#f2ebda14}body.focused .bday,body.field .bday{opacity:0;pointer-events:none}@keyframes bob{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-3px) rotate(6deg)}}.pl.has-bd .pl-nm{color:#ffd36e}.bd-badge{position:absolute;z-index:1;right:14px;top:14px;padding:6px 12px;border-radius:999px;font-size:12.5px;background:#08070ab3;border:1px solid rgba(255,200,90,.6);color:#ffd36e;animation:bob 1.8s ease-in-out infinite}.stats-grid dd small{display:block;font-size:10.5px;color:var(--accent);margin-top:2px}.views{position:fixed;z-index:5;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:2px;padding:4px;border-radius:999px;border:1px solid var(--line);background:#08070a99;backdrop-filter:blur(10px);transition:transform .6s var(--ease),opacity .4s}.views button{border:0;background:none;cursor:pointer;padding:8px 16px;border-radius:999px;white-space:nowrap;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);transition:color .25s,background .35s var(--ease)}.views button:hover{color:var(--ink)}.views button[aria-pressed=true]{color:#0b0a0e;background:var(--accent)}body.focused .views{transform:translate(calc(-50% - var(--panel-w) / 2))}body.field .index{opacity:0;transform:translate(-16px);pointer-events:none}body.field #readout{display:none}.cl{position:absolute;left:0;top:0;pointer-events:none;white-space:nowrap;will-change:transform;display:flex;align-items:baseline;gap:7px;animation:clIn .9s var(--ease) both}.cl b{font-family:var(--f-serif);font-weight:700;font-size:17px;color:var(--ink);text-shadow:0 2px 14px #000,0 0 2px #000;letter-spacing:.04em}.cl i{font-style:normal;font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;color:var(--accent)}.cl.big b{font-size:clamp(34px,4vw,56px);color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--ink) 70%,transparent)}.cl.empty{opacity:.28}.cl.flag b{color:var(--fc);font-size:22px}.cl.flag i{color:var(--fc)}.cl.flag:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--fc);box-shadow:0 0 10px var(--fc);align-self:center}.flag-tag{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:3px 10px 3px 8px;border-radius:99px;font-size:12px;color:var(--fc);border:1px solid color-mix(in srgb,var(--fc) 45%,transparent);background:color-mix(in srgb,var(--fc) 10%,transparent)}.flag-tag:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--fc)}.cl.today b{color:#ffd36e;font-size:13px}.cl.today i{color:#ffd36e}.cl.today:before{content:"▾";color:#ffd36e;font-size:11px}@keyframes clIn{0%{opacity:0;transform:translateY(10px)}}.ol small{display:block;text-align:center;font-family:var(--f-sans);font-weight:400;font-size:10px;color:var(--ink-3)}.ol.guest{font-style:italic}body.levitate .panel-body{will-change:transform;animation:levitate 6s ease-in-out infinite}@keyframes levitate{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(3px,-7px) rotate(.5deg)}66%{transform:translate(-2px,-3px) rotate(-.4deg)}}.p-tip.grav{border-left-color:#ffd36e;color:#ffd36e}.p-tip.kin{margin:12px 0 0}.compare{position:fixed;inset:0;z-index:12;display:grid;place-items:center;padding:20px;background:#040306a8;backdrop-filter:blur(6px);opacity:0;transition:opacity .4s}.compare[hidden]{display:none}.compare.show{opacity:1}.cmp-card{position:relative;width:min(760px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;padding:34px clamp(18px,3vw,36px) 30px;border-radius:26px;border:1px solid var(--line);background:radial-gradient(120% 80% at 50% 0%,#281e3ce6,#0a090ef5);box-shadow:0 40px 120px -30px #000000e6}.cmp-eyebrow{justify-content:center;margin-bottom:18px}.cmp-eyebrow:after{content:"";width:22px;height:1px;background:currentColor}.cmp-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:start}.cmp-vs{align-self:center;font-size:26px;color:var(--accent);text-shadow:0 0 24px var(--accent)}.cmp-side{text-align:center}.cmp-side figure{margin:0 auto 12px;width:min(190px,100%);aspect-ratio:1;border-radius:50%;background:var(--s) center 18% / cover no-repeat,var(--soft);box-shadow:0 0 0 2px var(--c),0 0 60px -10px var(--c)}.cmp-side .eyebrow{justify-content:center;color:var(--c)}.cmp-side .eyebrow:before{display:none}.cmp-side h3{font-family:var(--f-serif);font-size:22px;margin:6px 0 8px}.cmp-side p{font-size:12.5px;color:var(--ink-2);line-height:1.7;margin:0 0 14px;min-height:4.2em}.cmp-side .btn{display:inline-flex;gap:12px;padding:9px 16px;font-size:10px}.compare.show .cmp-side.l{animation:clashL .9s var(--ease) both}.compare.show .cmp-side.r{animation:clashR .9s var(--ease) both}.compare.show .cmp-vs{animation:flash .9s ease-out both}@keyframes clashL{0%{transform:translate(-60px);opacity:0}55%{transform:translate(10px);opacity:1}to{transform:none}}@keyframes clashR{0%{transform:translate(60px);opacity:0}55%{transform:translate(-10px);opacity:1}to{transform:none}}@keyframes flash{0%,40%{transform:scale(0);opacity:0}60%{transform:scale(2.2);opacity:1}to{transform:scale(1)}}.cmp-table{width:100%;border-collapse:collapse;margin-top:24px;font-size:13.5px}.cmp-table td,.cmp-table th{padding:9px 10px;border-top:1px solid var(--line)}.cmp-table td{width:42%;text-align:center}.cmp-table th{font-family:var(--f-mono);font-weight:400;font-size:10px;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase}.cmp-table tr.same td{color:var(--ink-3)}.cmp-table tr.diff td{color:var(--ink)}.cmp-table tr.diff th{color:var(--accent)}@media(max-width:760px){.top-r .stats{display:none}.top{grid-template-columns:auto 1fr auto}.brand{justify-self:center}.sound .mono-s{display:none}.back .th{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.top-r{gap:8px}.langsel i{display:none}.bday{top:62px;font-size:12px;border-radius:16px;line-height:1.4}.views{bottom:100px}body.focused .views{transform:translate(-50%);opacity:0;pointer-events:none}.views button{padding:7px 11px;font-size:9.5px}.cmp-grid{grid-template-columns:1fr 1fr}.cmp-vs,.cmp-side p{display:none}.cl b{font-size:13px}}.loader{transition:clip-path 1.3s cubic-bezier(.76,0,.24,1),background-color 1.4s var(--ease)}.loader.ready{background-color:#08070a80}.ld-enter{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:26px;animation:rv .9s var(--ease) both}.ld-enter[hidden]{display:none}.ld-btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ld-go{display:inline-flex;align-items:center;gap:12px;cursor:pointer;padding:14px 24px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:#08070a80;color:var(--ink-2);font-size:14px;letter-spacing:.02em;transition:transform .3s var(--ease),box-shadow .3s,color .3s,background .3s}.ld-go:hover{color:var(--ink);transform:translateY(-2px)}.ld-go.primary{background:var(--accent);color:#0b0a0e;border-color:var(--accent);font-size:16px;font-weight:500;padding:16px 30px;box-shadow:0 0 color-mix(in srgb,var(--accent) 60%,transparent);animation:goPulse 2.4s ease-out infinite}.ld-go.primary:hover{box-shadow:0 14px 40px -12px var(--accent)}@keyframes goPulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 55%,transparent)}70%,to{box-shadow:0 0 0 18px transparent}}.ld-tip{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;color:var(--ink-3)}.ld-foot [hidden]{display:none}.coach{position:absolute;left:0;top:0;width:0;height:0;opacity:0;transition:opacity .6s var(--ease);pointer-events:none}.coach.on{opacity:1}.coach-ring{position:absolute;left:-46px;top:-46px;width:92px;height:92px;border-radius:50%;border:1px solid rgba(255,214,140,.85);box-shadow:0 0 24px #ffc86e59,inset 0 0 18px #ffc86e33;animation:coachPing 2s var(--ease) infinite}@keyframes coachPing{0%{transform:scale(.6);opacity:0}25%{opacity:1}to{transform:scale(1.35);opacity:0}}.coach-t{position:absolute;left:0;top:58px;transform:translate(-50%);white-space:nowrap;padding:7px 14px;border-radius:999px;font-size:12.5px;color:#0b0a0e;background:#ffd9a0;box-shadow:0 8px 30px -8px #ffc86eb3;animation:coachBob 1.8s ease-in-out infinite}@keyframes coachBob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-4px)}}#labels.wishing .pl{pointer-events:none}.wish-lbl{position:absolute;left:0;top:0;margin:18px 0 0 18px;white-space:nowrap;pointer-events:none;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;color:#fff4dc;text-shadow:0 0 12px rgba(255,220,160,.9),0 1px 6px #000;opacity:0;transition:opacity .35s}.wish-lbl.on{opacity:1}.toast{position:fixed;z-index:8;left:50%;top:42%;transform:translate(-50%,12px) scale(.96);opacity:0;pointer-events:none;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:14px 22px;border-radius:999px;font-size:15px;color:var(--ink-2);background:#08070ab8;backdrop-filter:blur(12px);border:1px solid rgba(255,214,140,.45);box-shadow:0 0 60px -12px #ffc86e8c;transition:opacity .5s var(--ease),transform .7s var(--ease)}.toast.on{opacity:1;transform:translate(-50%) scale(1)}.toast b{color:#ffd9a0;font-weight:600}.toast .ts-ic{color:#ffd9a0;font-size:18px;text-shadow:0 0 14px #ffd36e}body.touring .top,body.touring .index,body.touring .views,body.touring .bday,body.touring .hint,body.touring #readout{opacity:0;pointer-events:none;transition:opacity .9s var(--ease)}.tour{position:fixed;z-index:4;left:clamp(20px,5vw,72px);bottom:clamp(70px,12vh,130px);max-width:min(760px,calc(100vw - 40px));pointer-events:none;display:flex;flex-direction:column;gap:8px}.tour>*{opacity:0;transform:translateY(18px)}.tour.on>*{animation:tourIn 1.1s var(--ease) forwards}.tour.on>:nth-child(2){animation-delay:.12s}.tour.on>:nth-child(3){animation-delay:.24s}body:not(.touring) .tour{display:none}@keyframes tourIn{to{opacity:1;transform:none}}.tr-n{font-family:var(--f-mono);font-size:11px;letter-spacing:.3em;color:var(--accent);text-transform:uppercase}.tr-nm{font-family:var(--f-serif);font-weight:700;line-height:1.05;font-size:clamp(38px,7vw,104px);color:var(--ink);text-shadow:0 4px 40px rgba(0,0,0,.6)}.tr-sub{font-size:14px;color:var(--ink-2)}.tour-hint{position:fixed;z-index:4;left:50%;bottom:22px;transform:translate(-50%);pointer-events:none;white-space:nowrap;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;color:var(--ink-3);opacity:0;transition:opacity .9s}body.touring .tour-hint{opacity:1;animation:breathe 3s ease-in-out infinite}@keyframes breathe{50%{opacity:.45}}@media(max-width:760px){.ld-enter,.ld-btns{flex-direction:column;align-items:stretch}.ld-go{justify-content:center}.toast{font-size:13.5px;border-radius:18px}}body.pre .top,body.pre .index,body.pre .views,body.pre .hint{opacity:0;pointer-events:none}body.entered .top,body.entered .index,body.entered .views,body.entered .hint{animation:uiIn 1.4s var(--ease) 2.6s backwards}@keyframes uiIn{0%{opacity:0}}