:root{--paper: #f2ede4;--paper-2: #e8e2d6;--ink: #161814;--muted: #6f6c64;--line: rgba(22, 24, 20, .16);--forest: #2a3628;--moss: #4a5144;--sage: #738063;--berry: #8b1d25;--ice: #c5d1d9;--pine: #203020;--ok: #5f6f52;--danger: #8b1d25;--nav: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px);--font-ui: "Manrope", "Segoe UI", sans-serif;--font-display: "Syne", "Manrope", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-ui);background:var(--paper);color:var(--ink)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.app{max-width:560px;margin:0 auto;min-height:100dvh;padding-bottom:calc(var(--nav) + var(--safe-bottom) + 16px);background:var(--paper)}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 12px;background:var(--paper);border-bottom:1px solid var(--ink)}.logo-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:999px;padding:5px 14px 4px;font-family:var(--font-display);font-weight:700;letter-spacing:.32em;font-size:12px}.meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.page{padding:16px 16px 20px;display:grid;gap:14px}.page-title{display:grid;gap:6px;padding-bottom:4px;border-bottom:1px solid var(--ink)}.search{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;border-radius:0;padding:10px 0 12px;outline:none}.search::placeholder{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.chips{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.chip{border:1px solid var(--ink);background:transparent;border-radius:999px;padding:6px 12px;color:var(--ink);white-space:nowrap;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.chip.active{background:var(--forest);border-color:var(--forest);color:var(--paper)}.grid{display:grid;gap:0}.card{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 0;display:grid;gap:8px;text-align:left}.product-row{grid-template-columns:56px 1fr;align-items:start;column-gap:14px}.swatch{width:56px;height:56px;flex-shrink:0}.swatch.tone-0{background:var(--berry)}.swatch.tone-1{background:var(--pine)}.swatch.tone-2{background:var(--sage)}.swatch.tone-3{background:var(--ice)}.card-head{display:flex;justify-content:space-between;gap:8px;align-items:start}.code{font-family:var(--font-mono);color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.title{margin:0;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.15}.notes{color:var(--muted);font-size:13px;line-height:1.45}.row{display:flex;justify-content:space-between;align-items:center;gap:8px}.price{font-family:var(--font-mono);font-size:13px;font-weight:500}.badges{display:flex;gap:6px;flex-wrap:wrap}.badge{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--ink);border-radius:0;padding:2px 6px;background:transparent;color:var(--ink)}.badge.new{border-color:var(--sage);color:var(--forest)}.badge.out{border-color:var(--berry);color:var(--berry)}.muted{color:var(--muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.stock{height:1px;border-radius:0;background:var(--line);overflow:hidden}.stock>span{display:block;height:100%;background:var(--forest)}.qty{display:flex;align-items:center;gap:10px}.qty button{width:36px;height:36px;border-radius:0;border:1px solid var(--ink);background:transparent}.primary,.ghost,.danger{width:100%;border-radius:999px;padding:12px 16px;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.primary{background:var(--forest);color:var(--paper);border:1px solid var(--forest)}.primary:disabled{opacity:.4}.ghost{background:transparent;border:1px solid var(--ink)}.danger{background:transparent;border:1px solid var(--berry);color:var(--berry)}.danger:disabled,.ghost:disabled{opacity:.4}.field{display:grid;gap:6px}.field span{font-family:var(--font-mono);color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.field input,.field textarea,.field select{width:100%;border-radius:0;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:10px 0 12px;outline:none}.field textarea{min-height:88px;resize:vertical}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}.danger-text{color:var(--berry)}.tiers{display:grid;gap:0}.tier{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);padding:10px 0;border-bottom:1px solid var(--line)}.tier.active{color:var(--ink)}.nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(560px,100%);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px calc(8px + var(--safe-bottom));background:var(--paper);border-top:1px solid var(--ink)}.nav button{border:0;background:transparent;color:var(--muted);display:grid;gap:4px;justify-items:center;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.nav button.active{color:var(--ink)}.nav b{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:0}.empty{text-align:center;color:var(--muted);padding:48px 12px;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.toast{position:fixed;left:50%;bottom:calc(var(--nav) + var(--safe-bottom) + 12px);transform:translate(-50%);background:var(--forest);color:var(--paper);border:0;padding:10px 16px;border-radius:999px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;z-index:20}.dot{min-width:16px;height:16px;border-radius:99px;background:var(--forest);color:var(--paper);font-size:10px;font-weight:700;display:inline-grid;place-items:center;padding:0 4px}.staff-app .nav{grid-template-columns:1fr 1fr}.staff-app .nav.has-taiga{grid-template-columns:repeat(3,1fr)}.brand-mark{width:28px;height:28px;color:var(--ink)}.task-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.task-actions .ghost{letter-spacing:.06em;padding-inline:12px}.story-card,.story-detail,.comment{min-width:0;overflow-wrap:anywhere}.story-card .title{font-size:20px}.story-status{max-width:65%;text-align:right}.story-status.closed{background:var(--forest);color:var(--paper);border-color:var(--forest)}.story-open{font-size:12px;color:var(--forest);padding-top:4px}.story-text{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.discussion-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:12px}.discussion-heading .title{font-size:20px}.text-button{background:transparent;border:0;border-bottom:1px solid var(--forest);padding:8px 0;font-size:12px;color:var(--forest)}.text-button:disabled{opacity:.45}.comment-list{display:grid;gap:12px}.comment{padding:14px;background:var(--paper-2);border-left:2px solid var(--sage)}.comment.own{background:transparent;border:1px solid var(--line);border-left:2px solid var(--forest)}.comment-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:13px}.comment .notes{font-size:11px}.comment-form,.task-form{display:grid;gap:14px}.comment-form{margin-top:8px;padding-top:16px;border-top:1px solid var(--ink)}.comment-form textarea{min-height:110px}.task-error{padding:12px;border:1px solid var(--berry);color:var(--berry);font-size:13px;overflow-wrap:anywhere}.task-error p{margin:0 0 12px}.refresh-note{margin:8px 0;font-size:11px}.staff-app button:focus-visible,.staff-app input:focus-visible,.staff-app textarea:focus-visible,.staff-app select:focus-visible{outline:2px solid var(--sage);outline-offset:3px}@media(max-width:360px){.task-actions{grid-template-columns:1fr}.discussion-heading{align-items:flex-start}}