:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#28201d;background:#f7f3ef;color-scheme:light;--surface:#fff;--text:#28201d;--muted:#695c56;--border:#ddcfca;--accent:#a82320;--field:#fff}
:root[data-theme=dark]{color-scheme:dark;--surface:#292423;--text:#f8efea;--muted:#d4c2b8;--border:#69544e;--accent:#e25a50;--field:#332b29;background:#191615;color:var(--text)}
.local-preview .shell{max-width:720px}.local-preview .header{display:none}.local-preview #notice:not(:empty){font-size:.85rem}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:var(--surface);border-bottom:1px solid var(--border)}.chat-header h2{margin:0;font-size:1.05rem}.chat-header p{margin:4px 0 0;color:var(--muted);font-size:.8rem}.chat-header button{font-size:.85rem}.local-preview #preview-board{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface);box-shadow:0 8px 30px #00000012}.chat-body{min-height:360px;max-height:60vh;overflow:auto;padding:18px;background:#efeeec}.chat-time,.chat-empty{text-align:center;color:#6f6b66;font-size:.8rem}.chat-intro{width:max-content;max-width:90%;margin:18px auto;padding:5px 10px;border-radius:6px;background:#d6d3cf;color:#57514d;font-size:.8rem}.preview-packets{display:flex;flex-direction:column;gap:18px;margin:20px 0}.chat-message{display:flex;align-items:flex-start;gap:9px}.chat-message.mine{flex-direction:row-reverse}.chat-avatar{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:8px;background:#789aa4;color:white;font-weight:700}.chat-message.mine .chat-avatar{background:#c17d64}.chat-message-content{width:min(260px,calc(100% - 52px))}.chat-sender{margin:0 0 5px;color:#79736f;font-size:.75rem}.mine .chat-sender{text-align:right}.chat-red-packet{display:block;width:100%;padding:0;border:0;border-radius:8px;overflow:hidden;background:#d85c38;color:#fff;text-align:left;box-shadow:0 1px 2px #0002}.chat-packet-top{display:flex;align-items:center;gap:12px;min-height:74px;padding:13px}.chat-packet-icon{display:grid;place-items:center;flex:none;width:32px;height:39px;border:2px solid #f6dba4;border-radius:6px;background:#cf3f2d;color:#ffe8af;font-weight:700}.chat-packet-text{display:grid;gap:6px;min-width:0}.chat-packet-text strong{overflow-wrap:anywhere;font-size:.95rem}.chat-packet-text span{font-size:.78rem;color:#fff3e8}.chat-packet-footer{display:block;padding:5px 12px;background:#fff9f3;color:#8e796e;font-size:.7rem}.chat-composer{display:flex;gap:8px;align-items:center;padding:10px;background:var(--surface);border-top:1px solid var(--border)}.chat-composer button{white-space:nowrap}.chat-placeholder{flex:1;min-width:0;padding:11px;border-radius:7px;background:var(--field);border:1px solid var(--border);color:var(--muted)}#preview-create-back{padding-left:0;border:0;background:transparent;color:var(--accent)}:root[data-theme=dark] .chat-body{background:#252222}:root[data-theme=dark] .chat-time,:root[data-theme=dark] .chat-empty,:root[data-theme=dark] .chat-sender{color:#d3c5bd}:root[data-theme=dark] .chat-intro{background:#514a46;color:#f2e9e3}
.revealed{animation:reveal .28s ease-out}@keyframes reveal{from{opacity:.3;transform:scale(.97)}to{opacity:1;transform:none}}
*{box-sizing:border-box}body{margin:0;color:var(--text)}[hidden]{display:none!important}.shell{max-width:620px;margin:auto;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.header{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:.8rem;letter-spacing:.08em;color:var(--accent);margin:0}h1{font-size:1.55rem;margin:.3em 0}h2{font-size:1.25rem}.muted,.hint{color:var(--muted)}.hint{font-size:.875rem;margin:.4rem 0 1rem}button,input{font:inherit}button{min-height:44px;padding:.65rem 1rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer}button:disabled{opacity:.6;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #d68b34;outline-offset:2px}.primary{background:#a82320;color:white;border-color:#a82320;font-weight:700}.primary:hover:not(:disabled){background:#841b1b}.wide{width:100%}.secondary{margin-top:1rem}#notice:empty{display:none}#notice,.error{overflow-wrap:anywhere}.error{color:#b2211b;min-height:1.3em}:root[data-theme=dark] .error{color:#ff9f96}#create,#detail{background:var(--surface);padding:20px;border:1px solid var(--border);border-radius:16px}form>label{display:block;font-weight:650;margin:1rem 0 .45rem}input:not([type=radio]){width:100%;min-height:48px;padding:.7rem .8rem;color:var(--text);background:var(--field);border:1px solid var(--border);border-radius:9px}.input-wrap{position:relative}.input-wrap input{padding-right:6rem}.input-wrap span{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);color:var(--muted)}.type-picker{display:flex;gap:.5rem;padding:0;border:0}.type-picker legend{font-weight:650;margin-bottom:.5rem}.type-picker label{flex:1;position:relative}.type-picker input{position:absolute;opacity:0}.type-picker span{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--border);border-radius:9px;cursor:pointer}.type-picker input:checked+span{border:2px solid var(--accent);color:var(--accent);font-weight:700}.type-picker input:focus-visible+span{outline:3px solid #d68b34;outline-offset:2px}.total{text-align:center;color:var(--muted);margin:1.4rem 0}.total strong{font-size:1.8rem;color:var(--text)}dialog{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:min(440px,calc(100% - 32px));padding:24px}dialog::backdrop{background:#0009}.actions{display:flex;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}.cover{min-height:390px;padding:34px 22px;text-align:center;background:#a82724;color:#fff1dc;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 24px #0002}.cover h2{font-size:1.3rem}.greeting{font-size:1.2rem;overflow-wrap:anywhere}.open-button{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;margin:24px auto;background:#f2cf83;border:3px solid #fff1c2;color:#662c12;font-size:1.8rem;font-weight:700}.open-button:active{transform:scale(.97)}.cover-note{margin-top:auto;font-size:.85rem;color:#ffe9cb}.detail-heading{text-align:center}.detail-heading h2{overflow-wrap:anywhere}.own{text-align:center;font-size:1.4rem;font-weight:700}.summary{border-top:1px solid var(--border);padding-top:1rem;font-weight:600}.claims{list-style:none;padding:0;margin:0}.claim{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 0;border-top:1px solid var(--border)}.claim-name{overflow-wrap:anywhere}.claim-meta{font-size:.8rem;color:var(--muted);margin:.25rem 0 0}.claim-value{text-align:right;white-space:nowrap}.best{color:var(--accent);font-size:.8rem}@media(max-width:360px){.shell{padding-left:12px;padding-right:12px}#create,#detail{padding:16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.open-button:active{transform:none}}