:root{--paper: #f4ece0;--cream: #fbf7f1;--shell: #efe4d2;--ink: #2b2a28;--ink-soft: #6e6259;--ink-whisper: #a99e91;--hairline: #e3d8c5;--clay: #c89b7b;--sage: #9dae93;--sky: #b5c3cc;--honey: #e6c68a;--rose: #e2b8b0;--danger: #b04a4a;--shadow-card: 0 1px 0 rgba(58, 47, 33, .03), 0 8px 22px rgba(58, 47, 33, .07);--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Sen,-apple-system,system-ui,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:500;margin:0}.center{display:grid;place-items:center;min-height:100%;padding:24px}.muted{color:var(--ink-whisper)}.soft{color:var(--ink-soft)}.app{max-width:760px;margin:0 auto;padding:20px 18px 80px}.row{display:flex;align-items:center;gap:10px}.spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:14px}.card{background:var(--cream);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:18px}.btn{font:inherit;cursor:pointer;border-radius:999px;border:1px solid var(--hairline);background:var(--cream);color:var(--ink);padding:9px 16px;transition:filter .12s ease,background .12s ease}.btn:hover{filter:brightness(.985)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--ink);color:var(--cream);border-color:var(--ink)}.btn.ghost{background:transparent}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--hairline))}.seg{display:inline-flex;background:var(--shell);border-radius:999px;padding:3px;gap:2px}.seg button{font:inherit;border:0;background:transparent;color:var(--ink-soft);padding:6px 16px;border-radius:999px;cursor:pointer}.seg button.on{background:var(--cream);color:var(--ink);box-shadow:0 1px 2px #3a2f2114}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:13px;color:var(--ink-soft)}.input{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--hairline);border-radius:10px;padding:10px 12px}.input:focus{outline:2px solid color-mix(in srgb,var(--sage) 60%,transparent);outline-offset:1px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font:inherit;font-size:13px;cursor:pointer;border-radius:999px;border:1px solid var(--hairline);background:var(--paper);color:var(--ink-soft);padding:6px 13px}.chip.on{background:var(--ink);color:var(--cream);border-color:var(--ink)}.drop{border:1.5px dashed var(--hairline);border-radius:12px;background:var(--paper);padding:18px;text-align:center;cursor:pointer;color:var(--ink-soft)}.drop.over{border-color:var(--sage);background:color-mix(in srgb,var(--sage) 10%,var(--paper))}.badge{font-size:11px;padding:2px 9px;border-radius:999px;border:1px solid var(--hairline);color:var(--ink-soft)}.badge.live{background:color-mix(in srgb,var(--sage) 22%,var(--cream));color:#4d6043;border-color:transparent}.thumb{width:52px;height:52px;border-radius:10px;object-fit:cover;background:var(--shell);flex:none}.list-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--hairline);border-radius:12px;background:var(--cream);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit}.list-row:hover{filter:brightness(.99)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b2a2852;display:grid;place-items:end center;z-index:10}.sheet{background:var(--paper);width:100%;max-width:620px;max-height:94vh;overflow:auto;border-radius:18px 18px 0 0;padding:20px 18px 28px}@media(min-width:720px){.sheet-backdrop{place-items:center}.sheet{border-radius:18px}}.err{color:var(--danger);font-size:13px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}