:root{--ground: #ede9e3;--panel: #ffffff;--panel-soft: #f6f2ec;--page: #fffdf8;--line: #e0dad2;--ink: #1c1b19;--ink-soft: #4a453f;--ink-muted: #6e6860;--accent: #b4531f;--accent-soft: #fbf1ea;--accent-line: #efd9c8;--record: #c62828;--record-soft: #fdecec;--ok: #15803d;--ok-soft: #e9f4ec;--warn: #b45309;--warn-soft: #fceedc;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--r-btn: 10px;--r-card: 14px;--font: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--t-title: 24px;--t-body: 16px;--t-small: 14px;--t-tiny: 12px;--surface: var(--panel);--surface-sunken: var(--panel-soft);--t-h2: 18px;--t-h3: 17px;--topbar-h: 64px;--bottombar-h: 58px;--toolrail-w: 76px;--thumbs-w: 232px;--tap: 44px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font);font-size:var(--t-body);line-height:1.5;-webkit-font-smoothing:antialiased}#app{height:100%}button{font-family:inherit;font-size:var(--t-small);cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--tap);padding:0 var(--s4);border:1px solid var(--line);border-radius:var(--r-btn);background:var(--panel);color:var(--ink);font-weight:500}.btn:hover{background:var(--panel-soft)}.btn--primary{border-color:transparent;background:var(--accent);color:#fff;font-weight:600}.btn--primary:hover{background:#99461a}.btn--danger{border-color:transparent;background:var(--record);color:#fff;font-weight:600}.btn--danger:hover{background:#a82222}.btn--ghost{border-color:transparent;background:transparent}.btn--icon{width:var(--tap);padding:0}.toast-host{position:fixed;right:var(--s5);bottom:var(--s5);z-index:60;display:flex;flex-direction:column;gap:var(--s2)}.toast{display:flex;align-items:center;justify-content:space-between;max-width:380px;padding:var(--s3) var(--s4);border-radius:var(--r-btn);background:var(--panel);border:1px solid var(--line);box-shadow:0 10px 24px #1c1b192e;font-size:var(--t-small)}.toast__action{flex-shrink:0;margin-left:10px}.toast--success{border-color:var(--ok)}.toast--warning{border-color:var(--warn)}.toast--error{border-color:var(--record)}.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--s6);background:#1c1b197f}.overlay__card{width:min(880px,100%);max-height:100%;overflow:auto;padding:var(--s6);border-radius:16px;background:var(--panel);box-shadow:0 24px 60px #1c1b194d}.overlay__head{display:flex;align-items:center;gap:var(--s4);margin-bottom:var(--s4)}.overlay__title{flex-grow:1;margin:0;font-size:var(--t-title)}.appmenu{position:absolute;top:52px;left:12px;z-index:20;display:flex;flex-direction:column;min-width:220px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 28px #1c1b1929}.appmenu__item{padding:10px 12px;font:inherit;font-size:var(--t-small);color:inherit;text-align:left;background:none;border:0;border-radius:8px;cursor:pointer}.appmenu__item:hover,.appmenu__item:focus-visible{background:var(--surface-sunken, #f1ece5)}.onboard{display:flex;flex-direction:column;gap:12px}.onboard__title{margin:0;font-size:var(--t-h3, 17px)}.onboard__text{margin:0;font-size:var(--t-body);line-height:1.6}.onboard__dots{display:flex;gap:6px}.onboard__dot{width:8px;height:8px;background:var(--line);border-radius:50%}.onboard__dot--on{background:var(--accent)}.onboard__actions,.policy__actions,.feedback__actions,.account__actions,.statescreen__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.guide,.policy{display:flex;flex-direction:column;gap:14px;max-height:62vh;overflow-y:auto}.guide__heading,.policy__heading{margin:0 0 4px;font-size:var(--t-body)}.guide__list,.policy__list,.account__facts,.pricing__list{margin:0;padding-left:18px;font-size:var(--t-small);line-height:1.6}.policy__draft{margin:0;padding:8px 10px;font-size:var(--t-small);background:#fef0c7;border-radius:8px}.policy__updated,.account__note,.account__email{margin:0;font-size:var(--t-tiny);color:var(--ink-muted)}.feedback{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:4px}.field__label{font-size:var(--t-small);color:var(--ink-muted)}.field__input{padding:8px 10px;font:inherit;background:var(--page);border:1px solid var(--line);border-radius:8px}.field__check{display:flex;gap:8px;align-items:center;font-size:var(--t-small)}.account{display:flex;flex-direction:column;gap:12px;max-height:68vh;overflow-y:auto}.account__lead,.account__plan,.account__name,.account__subhead,.account__warn{margin:0}.account__name{font-size:var(--t-h3, 17px);font-weight:600}.account__plan{padding:6px 10px;font-size:var(--t-small);background:var(--surface-sunken, #f1ece5);border-radius:8px}.account__warn{padding:8px 10px;font-size:var(--t-small);background:#fef0c7;border-radius:8px}.pricing{display:flex;flex-wrap:wrap;gap:12px}.pricing__card{display:flex;flex:1 1 220px;flex-direction:column;gap:6px;padding:14px;background:var(--page);border:1px solid var(--line);border-radius:12px}.pricing__title{margin:0;font-size:var(--t-body)}.pricing__price{margin:0;font-size:26px;font-weight:700}.pricing__per,.pricing__blurb{margin:0;font-size:var(--t-small);color:var(--ink-muted)}.statescreen{display:flex;flex-direction:column;gap:12px}.statescreen__body{margin:0;font-size:var(--t-body);line-height:1.6}.statescreen__ok{display:flex;gap:6px;align-items:flex-start;margin:0;padding:8px 10px;font-size:var(--t-small);background:#d1fadf;border-radius:8px}@media(max-width:820px){.toast-host{inset:60px 10px auto}.toast{max-width:none;font-size:13px}.overlay{padding:10px;align-items:flex-end}.overlay__card{width:100%;max-height:88vh;padding:16px;border-radius:16px 16px 0 0}.appmenu{top:56px;left:8px;right:8px;min-width:0}.appmenu__item{padding:12px;font-size:14px}}