:root{--canvas:#0b0f19;--surface:#131a2a;--raised:#1a2338;--border:#334155;--primary:#8555ef;--primary-start:#855ade;--primary-end:#6630ce;--primary-hover-start:#7a4dd0;--primary-hover-end:#5c1fc0;--primary-text:#9c74f7;--primary-glow:#8b5cf666;--focus:#a78bfa;--tint:#8b5cf629;--gold:#fbbf24;--tint-gold:#fbbf2429;--pink:#ec4899;--cyan:#22d3ee;--calm:#34d399;--tint-calm:#34d39929;--sorrow:#a5b4fc;--anger:#f87171;--tint-anger:#f8717129;--insight:#bef264;--text:#e2e8f0;--text-2:#94a3b8;--text-3:#8090a6;--on-brand:#fff;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--serif:var(--font-serif), "Noto Serif KR", serif;--sans:var(--font-sans), "Noto Sans KR", system-ui, -apple-system, sans-serif;--sidebar:264px}*{box-sizing:border-box}html,body{height:100%}body{background:var(--canvas);color:var(--text);font:400 16px/1.625 var(--sans);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.display{font:600 40px/52px var(--serif)}.h1{font:600 28px/38px var(--serif)}.h2{font:500 22px/32px var(--serif)}.h3{font:500 18px/28px var(--serif)}.journal{font:400 16px/30px var(--serif)}.observation{font:400 15px/24px var(--serif)}.body-l{font:400 16px/26px var(--sans)}.body-m{font:400 14px/22px var(--sans)}.body-s{font:400 13px/20px var(--sans)}.label-m{font:500 14px/20px var(--sans)}.label-s{font:500 12px/16px var(--sans)}.caption{font:400 12px/18px var(--sans)}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.sky{z-index:-1;pointer-events:none;background:radial-gradient(450px 450px at calc(100% - 110px) 190px,#8b5cf647,#0000 70%),radial-gradient(410px 410px at 150px calc(100% - 70px),#ec489924,#0000 70%),radial-gradient(260px 260px at calc(100% - 100px) calc(100% - 120px),#33b5d91a,#0000 70%);position:fixed;inset:0;overflow:hidden}.sky:before{content:"";opacity:.9;background:url(/stars.svg) 0 0/720px 720px;position:absolute;inset:0}.card{background:radial-gradient(60% 60% at 65% 30%, #8b5cf626, transparent 70%), radial-gradient(60% 60% at 20% 90%, #ec48990f, transparent 70%), var(--surface);border:1px solid var(--border);border-radius:20px;position:relative}.btn{border-radius:var(--radius-md);height:48px;font:500 14px/20px var(--sans);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 24px;display:inline-flex}.btn-primary{color:var(--on-brand);background:linear-gradient(180deg, var(--primary-start), var(--primary-end));box-shadow:0 0 24px var(--primary-glow)}.btn-primary:hover{background:linear-gradient(180deg, var(--primary-hover-start), var(--primary-hover-end))}.btn-secondary{color:var(--primary-text);border-color:var(--primary)}.btn-secondary:hover{background:var(--tint)}.btn-ghost{color:var(--text-2)}.btn-ghost:hover{color:var(--text)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:default;box-shadow:none}.btn-block{width:100%}