@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);--gutter: 48px;--gutter-tight: 28px;--page-top: 64px;--sheet-cols: 1fr 1fr;--split-cols: 1.1fr .9fr;--closet-cols: repeat(5, 1fr);--outfit-card-min: 280px;--tabbar-h: 0px;--safe-bottom: env(safe-area-inset-bottom, 0px)}@media (max-width: 820px){:root{--gutter: 20px;--gutter-tight: 16px;--page-top: 32px;--sheet-cols: 1fr;--split-cols: 1fr;--closet-cols: repeat(2, 1fr);--outfit-card-min: 160px;--tabbar-h: 64px}}*{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}.kb-split{display:grid;grid-template-columns:var(--split-cols);gap:0}.kb-split>*{min-width:0}@media (max-width: 820px){.kb-split>*:first-child{border-right:0!important;border-bottom:1px solid var(--rule)}.kb-split>.kb-split-secondary{order:2;border-bottom:0;border-top:1px solid var(--rule);padding-top:32px!important}.kb-split>.kb-split-secondary h2{font-size:32px!important;margin-bottom:16px!important}}@media (max-width: 820px){.kb-desktop-only{display:none!important}}@media (min-width: 821px){.kb-mobile-only{display:none!important}}.kb-scroll-x{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.kb-scroll-x::-webkit-scrollbar{display:none}.kb-scroll-x>*{flex-shrink:0}.kb-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141480;display:flex;align-items:center;justify-content:center;z-index:50;padding:24px;animation:fadeIn .2s}.kb-modal-card{background:var(--paper);border:1px solid var(--ink);box-shadow:12px 12px 0 var(--ink);width:100%;max-width:480px;max-height:90vh;overflow:hidden;animation:slideUp .25s;display:flex;flex-direction:column}.kb-modal-card.wide{max-width:880px}.kb-modal-body{padding:28px;overflow-y:auto}.kb-modal-title{padding:18px 28px;border-bottom:1px solid var(--rule);flex-shrink:0}.kb-modal-grip{display:none}@media (max-width: 820px){.kb-modal-backdrop{align-items:flex-end;padding:0}.kb-modal-card,.kb-modal-card.wide{max-width:none;max-height:92dvh;max-height:92vh;border-left:0;border-right:0;border-bottom:0;box-shadow:0 -12px 40px #14141440;border-radius:14px 14px 0 0;padding-bottom:var(--safe-bottom);animation:kbSheetUp .26s var(--ease)}.kb-modal-body{padding:20px}.kb-modal-title{padding:14px 20px}.kb-modal-grip{display:block;width:40px;height:4px;border-radius:2px;background:var(--ink-faint);margin:10px auto 0;flex-shrink:0}.kb-sheet-media{min-height:0!important;height:240px;padding:16px!important;border-right:0!important;border-bottom:1px solid var(--rule);overflow:hidden;position:relative}.kb-sheet-media img{max-height:32vh!important}.kb-sheet-details{max-height:none!important}}@keyframes kbSheetUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.kb-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:45;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--paper);border-top:1px solid var(--ink);display:grid;grid-template-columns:repeat(5,1fr)}.kb-tab{background:transparent;border:0;cursor:pointer;color:var(--ink-mute);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-family:var(--sans);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:0;-webkit-tap-highlight-color:transparent}.kb-tab.active{color:var(--ink)}.kb-tab-add{width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--paper-soft);display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 var(--ink);margin-top:-2px}.kb-closet-strip{display:flex;flex-direction:column}.kb-closet-strip .kb-hanger-row{display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.kb-closet-strip .kb-hanger-row::-webkit-scrollbar{display:none}@media (pointer: coarse){.closet-item:hover{transform:none;filter:none}.chip{padding:8px 14px}.btn-sm{padding:12px 16px}}.kb-welcome{--split-cols: 1fr 1fr}.kb-welcome-copy{padding-right:48px}.kb-welcome-toc{border-left:1px solid var(--rule);padding-left:48px}@media (max-width: 820px){.kb-welcome{--split-cols: 1fr}.kb-welcome-copy{padding-right:0;padding-bottom:32px}.kb-welcome-toc{border-left:0;padding-left:0}}@media (max-width: 820px){.kb-page-head{flex-direction:column;align-items:stretch!important;gap:14px!important}.kb-page-actions{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter)}.kb-page-actions::-webkit-scrollbar{display:none}.kb-page-actions>*{flex-shrink:0}}