:root{--bg:#05060a;--bg-soft:#0a0c13;--line:#ffffff1a;--line-strong:#ffffff38;--fg:#eef1f7;--fg-dim:#eef1f78f;--fg-faint:#eef1f74d;--accent:#8ab4ff;--ink:#05060a;--panel:#05060ab8;--sheen-a:#ffffff09;--sheen-b:#ffffff03;--swatch-line:#ffffff14;--glow-a:#8ab4ff17;--glow-b:#ffffff0a;--font-display:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--gutter:clamp(20px, 3.2vw, 56px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f1f2f6;--bg-soft:#fff;--line:#0b0d1421;--line-strong:#0b0d144d;--fg:#0b0d14;--fg-dim:#0b0d149e;--fg-faint:#0b0d1466;--panel:#ffffffd1;--sheen-a:#0b0d1408;--sheen-b:#0b0d1402;--swatch-line:#0b0d141f;--glow-a:#3a5baf14;--glow-b:#0b0d140d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-display);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;margin:0;transition:background .5s,color .5s;overflow:hidden}h1,h2,p,dl,dd{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--ink)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.shell{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);height:100dvh;display:grid;position:relative;overflow:hidden}.grid-bg{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.35;pointer-events:none;background-size:88px 88px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 30% 40%,#000 0%,#0000 78%);mask-image:radial-gradient(120% 90% at 30% 40%,#000 0%,#0000 78%)}.vignette{background:radial-gradient(70% 60% at 22% 45%, var(--glow-a), transparent 70%), radial-gradient(60% 60% at 100% 100%, var(--glow-b), transparent 70%);pointer-events:none;position:absolute;inset:0}.menu{padding:var(--gutter);flex-direction:column;min-width:0;display:flex;position:relative}.intro{z-index:2;position:relative}.intro-mask{line-height:1;overflow:hidden}.intro-line{display:block}.intro-h1{white-space:nowrap;letter-spacing:-.035em;font-size:clamp(22px,min(3.8vw,6.2vh),56px);font-weight:500;line-height:1.02}.intro-sub{max-width:340px;font-family:var(--font-mono);letter-spacing:.02em;color:var(--fg-faint);justify-content:space-between;align-items:center;gap:16px;padding-top:clamp(8px,1.6vh,18px);font-size:12px;display:flex}.mn-list{z-index:2;scrollbar-width:none;flex:1;min-height:0;margin-top:clamp(18px,3vh,40px);position:relative;overflow:hidden auto}.mn-list::-webkit-scrollbar{display:none}.mn-scroll{gap:clamp(18px,3vh,34px);padding-bottom:8px;display:grid}.mn-group{gap:clamp(6px,1vh,9px);max-width:340px;display:grid}.mn-topic{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:4px;font-size:10px;font-weight:400}.mn-btn{text-align:left}.mn-btn.is-active{color:var(--ink)}.mn-btn.is-active:after{transform:scaleX(1)}.theme-seg{border:1px solid var(--line);flex:none;display:inline-flex}.theme-seg button{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint);padding:5px 9px;font-size:9px;transition:color .3s,background .3s}.theme-seg button+button{border-left:1px solid var(--line)}.theme-seg button:not(.is-on):hover{color:var(--fg)}.theme-seg .is-on{background:var(--fg);color:var(--bg)}.pn{margin:var(--gutter) var(--gutter) var(--gutter) 0;border:1px solid var(--line);background:linear-gradient(180deg, var(--sheen-a), var(--sheen-b)), var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);will-change:clip-path, transform;flex-direction:column;min-width:0;padding:clamp(14px,2.2vh,24px) clamp(18px,1.9vw,30px) clamp(16px,2.4vh,26px);display:flex;position:relative}.pn:before{content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.25;pointer-events:none;background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(160deg,#000 0%,#0000 62%);mask-image:linear-gradient(160deg,#000 0%,#0000 62%)}.pn,.pn-cta,.mn-btn{--accent-fg:var(--accent)}:root[data-theme=light] :is(.pn,.pn-cta,.mn-btn){--accent-fg:color-mix(in srgb, var(--accent) 62%, #0b0d14)}.pn-bracket{fill:none;width:calc(100% + 2px);height:calc(100% + 2px);stroke:var(--accent-fg);stroke-width:2px;vector-effect:non-scaling-stroke;pointer-events:none;position:absolute;inset:-1px}.pn-bracket path{stroke-dasharray:1}.pn-head{justify-content:space-between;align-items:center;gap:16px;padding-bottom:clamp(10px,1.6vh,18px);display:flex;position:relative}.pn-kicker{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;gap:16px;font-size:10px;display:flex;overflow:hidden}.pn-kicker>span{color:var(--accent-fg);display:block}.pn-kicker .pn-dim{color:var(--fg-faint)}.pn-close{border:1px solid var(--line);border-radius:50%;flex:none;width:30px;height:30px;transition:border-color .3s,transform .3s;position:relative}.pn-close span{background:var(--fg-dim);height:1px;position:absolute;inset:50% 8px auto}.pn-close span:first-child{transform:rotate(45deg)}.pn-close span:last-child{transform:rotate(-45deg)}.pn-close:hover{border-color:var(--accent-fg);transform:rotate(90deg)}.pn-rule{background:var(--line);transform-origin:0;flex:none;height:1px}.pn-rule--thin{background:repeating-linear-gradient(90deg, var(--line) 0 6px, transparent 6px 12px);margin:clamp(11px,2.1vh,24px) 0}.pn-body{scrollbar-width:none;flex:1;min-height:0;padding-top:clamp(14px,2.6vh,30px);position:relative;overflow:hidden auto}.pn-body::-webkit-scrollbar{display:none}.pn-scroll{padding-bottom:4px;padding-right:4px}.pn-title{letter-spacing:-.04em;flex-wrap:wrap;gap:0 .28em;font-size:clamp(26px,4.8vh,52px);font-weight:500;line-height:.98;display:flex}.pn-word{padding-bottom:.06em;display:flex;overflow:hidden}.pn-char{will-change:transform;display:block}.pn-tagline{max-width:46ch;color:var(--fg-dim);padding-top:clamp(8px,1.4vh,16px);font-size:clamp(12.5px,1.65vh,16px);line-height:1.45}.pn-meta{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(10px,1.6vh,20px);display:grid}.pn-meta dt,.pn-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-faint);font-size:10px}.pn-meta dd{color:var(--fg);padding-top:6px;font-size:clamp(12px,1.5vh,14px)}.pn-history{gap:clamp(8px,1.2vh,14px);display:grid}.pn-history p{max-width:58ch;color:var(--fg-dim);font-size:clamp(12px,1.5vh,14.5px);line-height:1.62}.pn-palette{gap:clamp(8px,1.2vh,12px);padding-top:clamp(14px,2.4vh,30px);display:grid}.pn-swatches{gap:6px;margin-bottom:16px;display:flex}.pn-swatch{border:1px solid var(--swatch-line);transform-origin:bottom;flex:1;height:clamp(28px,5vh,48px);position:relative}.pn-swatch span{font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-faint);font-size:9px;position:absolute;inset:auto 0 -15px}.pn-cta,.mn-btn{border:1px solid var(--accent-fg);width:100%;max-width:340px;color:var(--accent-fg);letter-spacing:.02em;justify-content:space-between;align-items:center;gap:20px;padding:clamp(11px,1.7vh,17px) 20px;font-size:clamp(12px,1.5vh,14px);transition:color .4s;display:inline-flex;position:relative;overflow:hidden}.pn-cta:after,.mn-btn:after{content:"";background:var(--accent);transform-origin:0;z-index:-1;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scaleX(0)}.pn-cta>*,.mn-btn>*{z-index:1;position:relative}.pn-cta:hover,.mn-btn:hover{color:var(--ink)}.pn-cta:hover:after,.mn-btn:hover:after{transform:scaleX(1)}.pn-cta svg,.mn-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:square;flex:none;width:16px;height:16px}.pn-cta{margin-top:clamp(16px,2.8vh,40px)}.pn--empty{border-style:dashed;border-color:var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;place-items:center;display:grid}.pn-empty-inner{text-align:center;justify-items:center;gap:18px;display:grid}.pn-empty-mark{border:1px solid var(--line);border-radius:50%;width:46px;height:46px;animation:3.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}@media (width<=1024px){body{overflow:auto}.shell{grid-template-rows:auto;grid-template-columns:1fr;height:auto;min-height:100dvh}.menu{min-height:auto;padding-bottom:0}.mn-list{flex:none;overflow:visible}.pn-body{overflow:visible}.mn-group,.mn-btn,.pn-cta,.intro-sub{max-width:none}.pn{margin:var(--gutter);min-height:auto}}