@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Spectral:ital,wght@0,300;0,500;1,300&display=swap";:root{--font-body:"Spectral", Georgia, serif;font-family:var(--font-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased}:root,[data-skin=dream]{--ink:#ece6f5;--ink-soft:#b9b1cc;--haze-rose:#c98aa6;--haze-teal:#6fb8c0;--haze-violet:#7d6bb0;--bg-0:#14101f;--bg-1:#241d3a;--glass:#dce1ff14;--font-display:"Cormorant Garamond", Georgia, serif}[data-skin=ink]{--ink:#221a12;--ink-soft:#6b5d4f;--haze-rose:#9c4a3c;--haze-teal:#4f6b66;--haze-violet:#7a5c46;--bg-0:#e9e2d0;--bg-1:#dccfb4;--glass:#1e140c0f;--font-display:"Caveat", "Bradley Hand", cursive}[data-skin=noir]{--ink:#f4f2ec;--ink-soft:#9a958c;--haze-rose:#d8d2c6;--haze-teal:#bdb7ab;--haze-violet:#8c867c;--bg-0:#070708;--bg-1:#141414;--glass:#f5f5ee0f;--font-display:"Cormorant Garamond", Georgia, serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-0);color:var(--ink);position:relative;overflow:hidden}[data-skin=dream] body{background:#120c20}[data-skin=dream] body:before{content:"";z-index:-2;pointer-events:none;opacity:.05;background-image:-webkit-image-set(url(/bg-1280.webp) 1x,url(/bg-2560.webp) 2x);background-image:image-set("/bg-1280.webp" 1x,"/bg-2560.webp" 2x);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}[data-skin=dream] #root:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(120% 120% at 50% 42%,#0000 50%,#08061299 100%);position:fixed;inset:0}[data-skin=ink] body{background:#f3ebd6 url(/paper-cream.svg) 0 0/512px}[data-skin=ink] body:before{content:"";z-index:-2;pointer-events:none;opacity:.7;background:radial-gradient(40% 30% at 22% 18%,#96784624,#0000 60%),radial-gradient(36% 30% at 80% 76%,#7850321f,#0000 60%);position:fixed;inset:0}[data-skin=ink] #root:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(120% 120% at 50% 42%,#0000 52%,#46301638 100%);position:fixed;inset:0}[data-skin=noir] body{background:#070708}[data-skin=noir] body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(56% 40% at 50% -4%,#ffffff1f,#0000 60%);position:fixed;inset:0}[data-skin=noir] #root:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(120% 120% at 50% 38%,#0000 42%,#000000db 100%);position:fixed;inset:0}@keyframes drift{0%{transform:translate(-4%,-3%)rotate(0)scale(1.05)}50%{transform:translate(5%,4%)rotate(8deg)scale(1.15)}to{transform:translate(-3%,6%)rotate(-6deg)scale(1.08)}}@media (prefers-reduced-motion:reduce){[data-skin=dream] body:before,[data-skin=dream] body:after{animation:none}}.app{flex-direction:column;height:100%;display:flex}.topbar{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#14101fb3,#14101f33);border-bottom:1px solid #dce1ff12;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,4vw,40px);display:flex;position:relative}.topbar-brand{font-family:var(--font-display);letter-spacing:.04em;color:var(--ink);font-size:19px;font-weight:600}.topbar-nav{gap:4px;display:flex}.topbar-nav button{cursor:pointer;color:var(--ink-soft);letter-spacing:.08em;background:0 0;border:none;border-radius:999px;padding:7px 16px;font-family:Spectral,serif;font-size:14px;transition:color .2s,background .2s}.topbar-nav button:hover{color:var(--ink)}.topbar-nav button.on{color:#1a1428;background:var(--haze-rose)}.topbar-user{cursor:pointer;color:var(--ink-soft);letter-spacing:.05em;background:#dce1ff0a;border:1px solid #dce1ff1f;border-radius:999px;padding:6px 14px;font-family:Spectral,serif;font-size:13px;transition:all .2s}.topbar-user:hover{color:var(--ink);border-color:var(--haze-rose)}.topbar-right{align-items:center;gap:12px;display:flex}.skin-menu{position:relative}.skin-trigger{background:var(--glass);width:38px;height:38px;color:var(--ink-soft);cursor:pointer;border:1px solid #9696aa33;border-radius:999px;justify-content:center;align-items:center;transition:color .15s,border-color .15s,transform .15s;display:inline-flex}.skin-trigger:hover{color:var(--ink);border-color:var(--haze-rose)}.skin-trigger.open{color:var(--ink);transform:rotate(35deg)}.skin-dropdown{z-index:300;background:var(--bg-1);border:1px solid #9696aa38;border-radius:14px;flex-direction:column;gap:2px;min-width:184px;padding:7px;animation:.14s skin-pop;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 40px -12px #0009}@keyframes skin-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.skin-dropdown-label{font-family:var(--font-mono,"Spectral"), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);opacity:.6;padding:5px 10px 7px;font-size:10px}.skin-option{cursor:pointer;width:100%;color:var(--ink);text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:11px;padding:10px 11px;font-family:Spectral,serif;font-size:15px;transition:background .14s;display:flex}.skin-option:hover{background:#9696aa29}.skin-option.on{background:#9696aa1a}.skin-glyph{text-align:center;width:18px;font-size:16px;line-height:1}.skin-option-label{flex:1}.skin-check{color:var(--haze-rose);font-size:13px}.app-main{flex:1;min-height:0;display:flex;overflow-y:auto}.page{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;padding:clamp(20px,5vw,56px);display:flex}.btn{cursor:pointer;letter-spacing:.06em;border:none;border-radius:999px;padding:11px 24px;font-family:Spectral,serif;font-size:15px;transition:transform .12s,box-shadow .2s,opacity .2s}.btn:active{transform:translateY(1px)scale(.99)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{color:#1a1224;background:linear-gradient(135deg, var(--haze-rose), var(--haze-violet));box-shadow:0 8px 26px -10px var(--haze-violet)}.btn.primary:hover:not(:disabled){box-shadow:0 12px 34px -10px var(--haze-rose)}.btn.ghost{color:var(--ink);background:#dce1ff0f;border:1px solid #dce1ff24}.btn.ghost:hover{border-color:var(--haze-teal)}.input-row{gap:10px;width:100%;max-width:520px;display:flex}.neuro-input{min-width:0;color:var(--ink);background:#0c091680;border:1px solid #dce1ff24;border-radius:12px;outline:none;flex:1;padding:11px 16px;font-family:Spectral,serif;font-size:15px;transition:border-color .2s,box-shadow .2s}.neuro-input::placeholder{color:#b9b1cc80;font-style:italic}.neuro-input:focus{border-color:var(--haze-rose);box-shadow:0 0 0 3px #c98aa62e}.input-page{justify-content:flex-start;padding-top:clamp(28px,6vh,64px)}.input-head{max-width:560px}.input-title{font-family:var(--font-display);margin:0 0 6px;font-size:clamp(26px,5vw,38px);font-weight:600}.input-sub{color:var(--ink-soft);margin:0;font-size:15px;font-style:italic}.neuro-list{flex-direction:column;gap:8px;width:100%;max-width:520px;margin:8px 0 0;padding:0;list-style:none;display:flex}.neuro-empty{color:#b9b1cc8c;padding:14px;font-style:italic}.neuro-item{text-align:left;background:#1c162c66;border:1px solid #dce1ff14;border-radius:12px;align-items:center;gap:12px;padding:11px 12px 11px 18px;animation:.26s cubic-bezier(.2,.8,.3,1) slip-in;display:flex}@keyframes slip-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.neuro-text{color:var(--ink);flex:1;font-size:16px}.neuro-del{cursor:pointer;width:28px;height:28px;color:var(--ink-soft);background:0 0;border:none;border-radius:50%;flex:none;font-size:18px;line-height:1;transition:all .15s}.neuro-del:hover{color:#fff;background:#c98aa638}.go-globe{margin-top:12px}.globe-page{justify-content:center;gap:18px}.globe-stage{filter:drop-shadow(0 40px 60px #080612b3);transform:rotate(var(--rock,0deg));transform-origin:50% 86%;flex-direction:column;align-items:center;display:flex}.globe{z-index:1;aspect-ratio:1;border-radius:50%;width:min(82vw,64vh,470px);position:relative}.globe-interior{background:radial-gradient(120% 120% at 50% 22%,#2c2748 0%,#171028 60%,#0c0816 100%);border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 60px #080612e6}.globe-sky{filter:blur(8px);background:radial-gradient(50% 38% at 32% 28%,#7d6bb080 0%,#0000 60%),radial-gradient(46% 40% at 72% 66%,#c98aa666 0%,#0000 62%),radial-gradient(40% 34% at 60% 80%,#6fb8c04d 0%,#0000 60%);animation:30s ease-in-out infinite alternate drift;position:absolute;inset:0}.kafka-figure{filter:drop-shadow(0 6px 12px #080612cc);z-index:1;width:auto;height:58%;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}.kafka-dream{opacity:.96;filter:contrast(1.04)drop-shadow(0 10px 30px #7d6bb066);width:66%;height:auto;top:46%;bottom:auto;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(#000 78%,#0000 99%);mask-image:linear-gradient(#000 78%,#0000 99%)}.globe-shell{pointer-events:none;border-radius:50%;display:none;position:absolute;inset:0}.globe-canvas{z-index:2;width:100%;height:100%;position:absolute;inset:0}.globe-snowfloor{z-index:1;pointer-events:none;background:radial-gradient(120% 100% at 50% 100%,#ece6f538,#0000 70%);height:16%;position:absolute;bottom:0;left:0;right:0}.globe-glass{z-index:3;pointer-events:none;background:radial-gradient(38% 30% at 30% 22%,#fff6,#0000 60%),radial-gradient(60% 50% at 70% 78%,#ffffff0f,#0000 60%);border-radius:50%;position:absolute;inset:0}.globe-rim{z-index:4;pointer-events:none;border:1px solid #dce1ff2e;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffff29,inset 0 8px 30px #ffffff1a,inset 0 -16px 40px #08061299,0 0 60px -10px #7d6bb080}.globe-base{z-index:6;background:linear-gradient(#46341f 0%,#2a1c10 60%,#160d08 100%);border-radius:46% 46% 12px 12px/38% 38% 12px 12px;justify-content:center;align-items:flex-end;width:56%;min-height:clamp(56px,12vh,86px);margin-top:-8%;padding-bottom:clamp(8px,1.6vh,14px);display:flex;position:relative;box-shadow:inset 0 3px #ffdcb42e,inset 0 -12px 20px #00000073,0 16px 30px -12px #080612e6}.globe-base:before{content:"";background:linear-gradient(#6a5236,#2a1c10);border-radius:50%;width:66%;height:13px;position:absolute;top:5px;left:50%;transform:translate(-50%);box-shadow:0 2px 3px #00000080,inset 0 1px #ffdcb44d}.base-plate{z-index:1;font-family:var(--font-display);letter-spacing:.28em;color:#d9b27e;text-shadow:0 1px 1px #0009;background:linear-gradient(#1d120b,#2a1b12);border-radius:4px;padding:3px 14px;font-size:clamp(11px,2.4vw,14px);font-weight:600;position:relative;box-shadow:inset 0 0 0 1px #d9b27e4d}.shake-hint{color:var(--ink-soft);letter-spacing:.04em;opacity:.85;margin:0;font-size:14px;font-style:italic;transition:opacity 1.2s}.shake-hint.faded{opacity:0}.empty-globe{flex-direction:column;align-items:center;gap:12px;display:flex}.empty-line{font-family:var(--font-display);margin:0;font-size:26px}.empty-sub{color:var(--ink-soft);max-width:360px;margin:0 0 8px;font-style:italic}@media (prefers-reduced-motion:reduce){.globe-stage.shaking,.globe-sky{animation:none}}[data-skin=ink] .topbar{background:linear-gradient(#e9e2d0e6,#e9e2d08c);border-bottom:1px solid #281c102e}[data-skin=ink] .topbar-nav button.on{color:#f3ecd9}[data-skin=ink] .topbar-user{background:#fffcf466;border-color:#281c1040}[data-skin=ink] .btn.primary{color:#f6f0e2}[data-skin=ink] .btn.ghost{background:#281c100d;border-color:#281c1033}[data-skin=ink] .skin-trigger{border-color:#281c1040}[data-skin=ink] .neuro-input{color:#241710;background:#fffcf4b3;border-color:#281c1040}[data-skin=ink] .neuro-input::placeholder{color:#503c2873}[data-skin=ink] .neuro-input:focus{box-shadow:0 0 0 3px #9c4a3c2e}[data-skin=ink] .neuro-empty{color:#503c288c}[data-skin=ink] .neuro-item{background:#fffcf499;border-color:#281c1024}[data-skin=ink] .neuro-del:hover{color:#241710;background:#9c4a3c33}[data-skin=ink] .globe-stage{filter:none;margin-top:-5vh}.ink-snowglobe{aspect-ratio:206/255;width:min(84vw,408px);position:relative}.ink-svg{pointer-events:none;background-color:#281b11;position:absolute;inset:0;-webkit-mask:url(/ink-snowglobe.svg) 50%/contain no-repeat;mask:url(/ink-snowglobe.svg) 50%/contain no-repeat}.ink-dome{aspect-ratio:1;width:95%;position:absolute;top:38.5%;left:50%;transform:translate(-50%,-50%)}[data-skin=noir] .globe-interior{background:radial-gradient(120% 120% at 38% 22%,#1a1a1d 0%,#0a0a0c 55%,#000 100%);box-shadow:inset 0 0 70px #000000f2}[data-skin=noir] .globe-sky{filter:none;opacity:.8;background:radial-gradient(48% 38% at 40% 26%,#ffffff1a,#0000 62%);animation:none}[data-skin=noir] .globe-glass{background:radial-gradient(24% 18% at 30% 18%,#ffffffb8,#0000 60%),radial-gradient(50% 40% at 72% 80%,#ffffff0d,#0000 60%)}[data-skin=noir] .globe-rim{border:1px solid #ffffff59;box-shadow:inset 0 0 0 1px #ffffff80,inset 0 10px 26px #ffffff1f,inset 0 -18px 44px #000000d9,0 0 50px -16px #ffffff40}[data-skin=noir] .globe-snowfloor{background:radial-gradient(120% 100% at 50% 100%,#ffffff29,#0000 70%)}[data-skin=noir] .globe-base{background:linear-gradient(#1f1f22,#050506);box-shadow:inset 0 3px #ffffff1f,inset 0 -12px 20px #0009,0 14px 30px -12px #000000f2}[data-skin=noir] .globe-base:before{background:linear-gradient(#3a3a3e,#0a0a0c);box-shadow:inset 0 1px #ffffff40,0 2px 3px #000000b3}[data-skin=noir] .base-plate{color:#cfcabf;text-shadow:none;background:linear-gradient(#050506,#141416);box-shadow:inset 0 0 0 1px #cfcabf4d}[data-skin=dream] .globe-canvas-3d{cursor:grab}.dream-gl{width:min(92vw,540px);height:min(112vw,74vh,640px)}[data-skin=dream] .globe-interior{background:radial-gradient(125% 125% at 38% 22%,#312a52 0%,#1b1430 50%,#0c0818 100%);box-shadow:inset 0 0 80px #080614f2,inset 0 0 0 1px #beb4eb0d}[data-skin=dream] .globe-glass{background:radial-gradient(44% 36% at 29% 20%,#ffffff80,#fff0 60%),radial-gradient(8% 7% at 32% 18%,#ffffffe6,#0000 70%),radial-gradient(34% 20% at 57% 84%,#bac6ff42,#0000 60%)}[data-skin=dream] .globe-glass:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 48%,#0000 58%,#08061673 88%,#080616b3 100%);border-radius:50%;position:absolute;inset:0}[data-skin=dream] .globe-rim{border:1px solid #d6d0fa38;box-shadow:inset 0 0 0 1.5px #e0e4ff47,inset 0 8px 30px #ffffff1f,inset 0 -26px 56px #08061699,inset 0 0 70px #7d6bb01f,0 0 70px -10px #7d6bb08c}[data-skin=dream] .globe-base{background:radial-gradient(72% 56% at 50% -4%,#9a724380,#0000 52%),linear-gradient(#7c5e383d 0%,#0000 32%,#00000085 100%),linear-gradient(90deg,#0b0602 0%,#281b0f 17%,#58411f 50%,#281b0f 83%,#090501 100%);border-radius:50% 50% 46% 46%/32% 32% 44% 44%;width:50%;min-height:clamp(62px,13vh,92px);margin-top:-4%;padding-bottom:clamp(8px,1.6vh,14px);box-shadow:inset 0 -16px 28px #0009,inset 0 2px #ffe0b01f,0 26px 44px -14px #080612eb}[data-skin=dream] .globe-base:before{content:"";background:radial-gradient(72% 120% at 50% 36%,#0d0805 0%,#3a2a18 72%,#6a4f2e 100%);border-radius:50%;width:72%;height:22px;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:inset 0 4px 6px #000000b8,inset 0 -2px 2px #ffe0b24d}[data-skin=dream] .globe-base:after{content:"";pointer-events:none;background:radial-gradient(60% 100% at 50% 0,#ffdcaa52,#0000 70%);border-radius:50%;height:10px;position:absolute;top:12px;left:8%;right:8%}