@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&display=swap";:root{--paper: #f3efe5;--paper-deep: #ebe6d8;--paper-soft: #f8f5ec;--ink: #141414;--ink-soft: #3a3835;--ink-mute: #6b6862;--ink-faint: #a8a49b;--rule: rgba(20, 20, 20, .14);--rule-soft: rgba(20, 20, 20, .08);--accent: #6b1d2a;--accent-soft: #a23a4c;--accent-tint: rgba(107, 29, 42, .08);--display: "Instrument Serif", "Times New Roman", serif;--sans: "Geist", -apple-system, system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, monospace;--ease: cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{min-height:100vh;display:flex;flex-direction:column}.display{font-family:var(--display);font-weight:400;letter-spacing:-.02em;line-height:.95;padding-bottom:.28em}.display-italic{font-family:var(--display);font-style:italic;font-weight:400;letter-spacing:-.02em;line-height:.95}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.02em}.label{font-family:var(--sans);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-mute)}.label-ink{color:var(--ink)}.numeral{font-family:var(--display);font-style:italic;font-size:13px;color:var(--ink-mute)}.rule{border:0;border-top:1px solid var(--rule);margin:0}.rule-soft{border:0;border-top:1px solid var(--rule-soft);margin:0}.btn{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:14px 22px;border:1px solid var(--ink);background:var(--ink);color:var(--paper-soft);cursor:pointer;transition:all .2s var(--ease);display:inline-flex;align-items:center;gap:10px;border-radius:0;white-space:nowrap}.btn:hover{background:var(--accent);border-color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:var(--paper-soft)}.btn-accent{background:var(--accent);border-color:var(--accent)}.btn-accent:hover{background:var(--ink);border-color:var(--ink)}.btn-sm{padding:10px 16px;font-size:11px}.input{font-family:var(--sans);font-size:14px;background:transparent;border:0;border-bottom:1px solid var(--ink);padding:10px 0;width:100%;color:var(--ink);outline:none}.input::placeholder{color:var(--ink-faint)}.input:focus{border-bottom-color:var(--accent)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--rule);font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:transparent;color:var(--ink-soft);transition:all .15s var(--ease);border-radius:999px;font-family:var(--sans);font-weight:500}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip.active{background:var(--ink);border-color:var(--ink);color:var(--paper-soft)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:3px}::-webkit-scrollbar-track{background:transparent}.paper-grain{background:radial-gradient(circle at 25% 30%,rgba(20,20,20,.012),transparent 40%),radial-gradient(circle at 75% 70%,rgba(20,20,20,.015),transparent 40%),var(--paper)}::selection{background:var(--accent);color:var(--paper-soft)}.grow{flex:1}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-baseline{align-items:baseline}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.text-center{text-align:center}.text-right{text-align:right}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s var(--ease) both}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .5s var(--ease) both}@keyframes kbCaret{0%{opacity:1}50%{opacity:0}}@keyframes kbPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}@keyframes kbProcessingPulse{0%{box-shadow:0 0 #6b1d2a8c}70%{box-shadow:0 0 0 10px #6b1d2a00}to{box-shadow:0 0 #6b1d2a00}}.canvas-surface{background:linear-gradient(var(--rule-soft) 1px,transparent 1px) 0 0 / 32px 32px,linear-gradient(90deg,var(--rule-soft) 1px,transparent 1px) 0 0 / 32px 32px,var(--paper-soft)}.closet-item{transition:transform .25s var(--ease),filter .25s var(--ease);cursor:grab}.closet-item:hover{transform:translateY(-4px) scale(1.04);filter:drop-shadow(0 8px 20px rgba(20,20,20,.12))}.closet-item:active{cursor:grabbing}.prose{color:var(--ink-soft);font-size:15px;line-height:1.7}.prose h3{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink);margin:18px 0 8px}.prose p{margin:0 0 12px}.prose ul{padding-left:20px;margin:0 0 12px}.prose li{margin-bottom:6px}.prose a{color:var(--accent);text-decoration:underline}.prose strong,.prose em{color:var(--ink)}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font-family:inherit}a{color:inherit;text-decoration:none}