:root{--font-display: "Fraunces", ui-serif, Georgia, "Times New Roman", serif;--font-ui: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--step: clamp(.5rem, .4rem + .5vw, .75rem);--gutter: clamp(1.25rem, 4vw, 4rem);--measure: 34rem;--bar: clamp(18px, 4.5vh, 44px);--ease: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur: .7s;--radius: 14px;--radius-lg: 22px}[data-theme=dark]{--bg: #08080a;--bg-deep: #050506;--surface: rgba(255, 252, 246, .035);--surface-hi: rgba(255, 252, 246, .06);--line: rgba(255, 246, 232, .1);--line-soft: rgba(255, 246, 232, .055);--ink: #f4efe6;--ink-2: rgba(244, 239, 230, .72);--ink-3: rgba(244, 239, 230, .44);--ink-4: rgba(244, 239, 230, .26);--key: #e0a94b;--key-soft: rgba(224, 169, 75, .16);--key-glow: rgba(224, 169, 75, .1);--fill: #6f8fa8;--bars: #000;--grain: .055;--spot: radial-gradient( 120% 85% at 50% 8%, rgba(224, 169, 75, .13) 0%, rgba(224, 169, 75, .04) 34%, rgba(8, 8, 10, 0) 68% );--shadow: 0 30px 80px -40px rgba(0, 0, 0, .9);color-scheme:dark}[data-theme=light]{--bg: #f4f0e7;--bg-deep: #ebe5d9;--surface: rgba(28, 22, 12, .028);--surface-hi: rgba(28, 22, 12, .05);--line: rgba(28, 22, 12, .13);--line-soft: rgba(28, 22, 12, .07);--ink: #16130e;--ink-2: rgba(22, 19, 14, .74);--ink-3: rgba(22, 19, 14, .5);--ink-4: rgba(22, 19, 14, .3);--key: #a06a12;--key-soft: rgba(160, 106, 18, .12);--key-glow: rgba(160, 106, 18, .08);--fill: #4a6376;--bars: #171410;--grain: .032;--spot: radial-gradient( 120% 85% at 50% 6%, rgba(196, 143, 46, .16) 0%, rgba(196, 143, 46, .05) 36%, rgba(244, 240, 231, 0) 70% );--shadow: 0 24px 60px -38px rgba(40, 30, 12, .45);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background .55s var(--ease-in-out),color .55s var(--ease-in-out)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--spot);pointer-events:none;z-index:0;transition:background .55s var(--ease-in-out)}::selection{background:var(--key);color:var(--bg)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--key);outline-offset:3px;border-radius:4px}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:9;opacity:var(--grain);mix-blend-mode:overlay;animation:grain-shift 7s steps(6) infinite;transition:opacity .55s var(--ease-in-out)}@keyframes grain-shift{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,1%)}to{transform:translate(0)}}.bar{position:fixed;left:0;right:0;height:var(--bar);background:var(--bars);z-index:20;pointer-events:none;transition:background .55s var(--ease-in-out),transform 1.1s var(--ease)}.bar--top{top:0;box-shadow:0 1px #ffffff0d}.bar--bottom{bottom:0;box-shadow:0 -1px #ffffff0d}.boot .bar--top{transform:translateY(-100%)}.boot .bar--bottom{transform:translateY(100%)}.shell{position:relative;z-index:1;min-height:100dvh;padding:calc(var(--bar) + 1.5rem) var(--gutter) calc(var(--bar) + 3rem);display:flex;flex-direction:column}.masthead{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:74rem;width:100%;margin:0 auto}.brand{display:flex;align-items:center;gap:.62rem;font-family:var(--font-display);font-size:1.08rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.brand__mark{width:26px;height:26px;flex:none;border-radius:6px;display:block}.brand__frame{fill:var(--ink);opacity:.09}.brand__bar{fill:var(--key)}.brand__screen{fill:var(--ink)}.masthead__actions{display:flex;align-items:center;gap:.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem .95rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:.82rem;font-weight:500;letter-spacing:.02em;white-space:nowrap;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease),opacity .25s var(--ease)}.btn:hover:not(:disabled){background:var(--surface-hi);color:var(--ink);border-color:var(--ink-4);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.32;cursor:not-allowed}.btn--icon{width:38px;height:38px;padding:0;border-radius:50%}.btn--ghost{border-color:transparent;background:transparent}.btn--key{border-color:var(--key-soft);background:var(--key-soft);color:var(--key)}.btn--key:hover:not(:disabled){background:var(--key);color:var(--bg);border-color:var(--key)}.btn svg{width:16px;height:16px;flex:none}.stage{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:clamp(19rem,56vh,32rem);max-width:74rem;width:100%;margin:0 auto;padding:clamp(1.25rem,4vh,2.5rem) 0 0;text-align:center}.slate{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-3);margin-bottom:clamp(1.5rem,4vh,2.75rem)}.slate__dot{width:5px;height:5px;border-radius:50%;background:var(--key);box-shadow:0 0 0 4px var(--key-glow);animation:pulse 3.6s var(--ease-in-out) infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 4px var(--key-glow)}50%{opacity:.55;box-shadow:0 0 0 8px transparent}}.headword{font-family:var(--font-display);font-optical-sizing:auto;font-weight:300;font-size:clamp(3.2rem,15vw,11rem);line-height:.94;letter-spacing:-.035em;margin:0;color:var(--ink);text-wrap:balance;position:relative}.headword:after{content:"";position:absolute;left:50%;top:55%;width:70%;height:60%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,var(--key-glow),transparent 75%);filter:blur(28px);z-index:-1;pointer-events:none}.pronounce{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-top:clamp(1.1rem,3vh,1.8rem)}.ipa{font-family:var(--font-mono);font-size:clamp(.85rem,2vw,1rem);color:var(--ink-3);letter-spacing:.02em}.speak{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);display:grid;place-items:center;transition:all .3s var(--ease)}.speak:hover{color:var(--key);border-color:var(--key-soft);background:var(--key-soft);transform:scale(1.06)}.speak.is-playing{color:var(--key);border-color:var(--key);animation:ring 1.4s var(--ease-in-out) infinite}@keyframes ring{0%,to{box-shadow:0 0 0 0 var(--key-glow)}50%{box-shadow:0 0 0 12px transparent}}.speak svg{width:18px;height:18px}.pos-row{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:clamp(1.1rem,2.6vh,1.7rem)}.pos-chip{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;padding:.38rem .8rem;border-radius:999px;border:1px solid var(--line-soft);color:var(--ink-3);background:var(--surface)}.reel{max-width:74rem;width:100%;margin:0 auto;padding-top:clamp(1.5rem,4vh,2.75rem)}.rule{display:flex;align-items:center;gap:1rem;margin-bottom:clamp(1.25rem,3vh,2rem)}.rule__label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.rule__line{flex:1;height:1px;background:linear-gradient(to right,var(--line),transparent)}.sense{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,1fr);gap:clamp(1rem,4vw,3rem);padding:clamp(1.3rem,3vh,2rem) 0;border-top:1px solid var(--line-soft)}.sense:first-of-type{border-top:none;padding-top:0}.sense__pos{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:1.05rem;color:var(--key);letter-spacing:.01em;position:sticky;top:calc(var(--bar) + 1.5rem);align-self:start;height:fit-content}.sense__body{min-width:0}.def{display:flex;gap:1rem;padding-bottom:1.5rem}.def:last-child{padding-bottom:0}.def__num{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-4);padding-top:.42rem;flex:none;width:1.6rem}.def__text{font-family:var(--font-display);font-weight:300;font-size:clamp(1.15rem,2.2vw,1.55rem);line-height:1.45;color:var(--ink);margin:0;max-width:var(--measure);text-wrap:pretty}.def__example{margin:.9rem 0 0;padding-left:1.1rem;border-left:2px solid var(--key-soft);font-family:var(--font-display);font-style:italic;font-weight:300;font-size:clamp(.98rem,1.7vw,1.15rem);line-height:1.6;color:var(--ink-2);max-width:var(--measure)}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.chip{font-size:.78rem;padding:.28rem .68rem;border-radius:999px;background:var(--surface);border:1px solid var(--line-soft);color:var(--ink-3);transition:all .22s var(--ease)}.chip:hover{color:var(--key);border-color:var(--key-soft)}.chips__label{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-4);align-self:center;margin-right:.3rem}.origin{margin-top:clamp(2rem,5vh,3rem);padding:clamp(1.4rem,3vw,2rem);border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface);font-family:var(--font-display);font-weight:300;font-size:1.02rem;line-height:1.65;color:var(--ink-2)}.credits{max-width:74rem;width:100%;margin:clamp(4rem,12vh,8rem) auto 0;padding-top:1.6rem;border-top:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-4)}.credits a{color:var(--ink-3);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:1px;transition:color .22s var(--ease),border-color .22s var(--ease)}.credits a:hover{color:var(--key);border-color:var(--key)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:30;opacity:0;animation:fade-in .35s var(--ease) forwards}@keyframes fade-in{to{opacity:1}}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(30rem,100vw);z-index:31;background:var(--bg-deep);border-left:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;padding:calc(var(--bar) + 1.4rem) clamp(1.1rem,3vw,1.9rem) calc(var(--bar) + 1.4rem);transform:translate(100%);animation:slide-in .5s var(--ease) forwards;overflow-y:auto}@keyframes slide-in{to{transform:translate(0)}}.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.drawer__title{font-family:var(--font-display);font-weight:400;font-size:1.35rem;margin:0;letter-spacing:-.01em}.cal__nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.cal__month{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2)}.cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal__dow{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);text-align:center;padding-bottom:.4rem}.cal__day{aspect-ratio:1;display:grid;place-items:center;border-radius:9px;border:1px solid transparent;font-size:.82rem;color:var(--ink-2);transition:all .2s var(--ease)}.cal__day:hover:not(:disabled){background:var(--surface-hi);border-color:var(--line);color:var(--ink)}.cal__day:disabled{color:var(--ink-4);opacity:.35;cursor:not-allowed}.cal__day.is-today{border-color:var(--key-soft);color:var(--key)}.cal__day.is-active{background:var(--key);border-color:var(--key);color:var(--bg);font-weight:600}.recent{margin-top:1.8rem;border-top:1px solid var(--line-soft);padding-top:1.2rem}.recent__label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-4);margin-bottom:.8rem}.recent__item{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.7rem .75rem;border-radius:10px;text-align:left;transition:background .2s var(--ease);border:1px solid transparent}.recent__item:hover{background:var(--surface-hi)}.recent__item.is-active{border-color:var(--key-soft);background:var(--key-soft)}.recent__word{font-family:var(--font-display);font-weight:400;font-size:1.06rem;color:var(--ink);letter-spacing:-.01em}.recent__date{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);white-space:nowrap}.skeleton{border-radius:8px;background:linear-gradient(90deg,var(--surface) 25%,var(--surface-hi) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.6s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.headword--latent{color:var(--ink-2);animation:rack 3s var(--ease-in-out) infinite;will-change:filter,opacity}@keyframes rack{0%,to{filter:blur(11px);opacity:.4}50%{filter:blur(3px);opacity:.74}}.developing{display:flex;flex-direction:column;align-items:center;gap:.9rem;margin-top:clamp(1.4rem,3.4vh,2.2rem)}.developing__bar{position:relative;overflow:hidden;width:min(13rem,46vw);height:2px;border-radius:2px;background:var(--line)}.developing__fill{position:absolute;inset:0 auto 0 0;width:42%;border-radius:2px;background:linear-gradient(90deg,transparent,var(--key),transparent);animation:sweep 1.9s var(--ease-in-out) infinite}@keyframes sweep{0%{transform:translate(-110%)}to{transform:translate(300%)}}.developing__note{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-4);text-align:center}.skel--pos{width:4.5rem;height:.95rem;border-radius:6px}.skel-lines{flex:1;min-width:0;display:flex;flex-direction:column;gap:.6rem;padding-top:.35rem}.skel--line{height:.8rem;width:100%;max-width:var(--measure)}.skel--line-short{width:62%}.notice{max-width:30rem;margin:0 auto;text-align:center;color:var(--ink-2)}.notice__title{font-family:var(--font-display);font-weight:300;font-size:clamp(1.6rem,4vw,2.3rem);margin:0 0 .8rem;color:var(--ink);letter-spacing:-.02em}.notice__body{font-size:.95rem;line-height:1.65;margin:0 0 1.6rem;color:var(--ink-3)}.notice__actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.via{margin:clamp(1.6rem,4vh,2.4rem) 0 0;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-4)}.via a{color:var(--ink-3);border-bottom:1px solid var(--line)}.via a:hover{color:var(--key);border-color:var(--key-soft)}.reveal{opacity:0;transform:translateY(18px);filter:blur(6px);animation:reveal var(--dur) var(--ease) forwards;animation-delay:var(--d, 0s)}@keyframes reveal{to{opacity:1;transform:translateY(0);filter:blur(0)}}.reveal-word{opacity:0;transform:translateY(26px) scale(.985);filter:blur(14px);animation:reveal-word 1.15s var(--ease) forwards;animation-delay:var(--d, 0s)}@keyframes reveal-word{to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media (max-width: 720px){.sense{grid-template-columns:1fr;gap:.9rem}.sense__pos{position:static}.stage{min-height:clamp(15rem,42vh,22rem)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal,.reveal-word{opacity:1;transform:none;filter:none}.headword--latent{animation:none;filter:none;opacity:.5}.developing__fill{animation:none;width:100%;opacity:.45}.skeleton{animation:none;background:var(--surface)}}