:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fdf6ec;--card:#fffdfb;--card-2:#fff8ee;--line:#bf914452;--line-soft:#bf914429;--gold:#d69a34;--gold-deep:#a9761d;--gold-grad:linear-gradient(180deg, #f8d488 0%, #e5ab3c 100%);--rose:#d4707f;--ink:#33291f;--muted:#94836f;--moon:#6d5fb0;--danger:#b84c56;--shadow:0 18px 38px -24px #855f288c}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:radial-gradient(1000px 480px at 88% -14%, #f8d48899, transparent 62%), radial-gradient(760px 520px at -14% 6%, #d4707f38, transparent 58%), radial-gradient(680px 460px at 50% 112%, #f8d48866, transparent 60%), linear-gradient(180deg, #fffbf4 0%, var(--bg) 55%, #fbeadb 100%);background-attachment:fixed;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#bf914473 padding-box padding-box;border:3px solid #0000;border-radius:999px}#app{max-width:560px;margin:0 auto;padding:20px 16px 34px}.header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.title{letter-spacing:.2px;font-family:ui-serif,Georgia,Iowan Old Style,Times New Roman,serif;font-size:24px;font-weight:700}.title span{background:linear-gradient(90deg, #e8b34f 0%, var(--gold-deep) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.subtitle{color:var(--muted);letter-spacing:.03em;margin-top:3px;font-size:13px}.tabs{border:1px solid var(--line-soft);background:#ffffffbf;border-radius:999px;gap:4px;margin-bottom:16px;padding:4px;display:flex;box-shadow:inset 0 1px #fff,0 8px 18px -16px #855f2899}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:9px 8px;font-size:13px;font-weight:600;transition:background .15s,color .15s,transform .15s}.tab:hover{color:var(--gold-deep)}.tab.active{background:var(--gold-grad);color:#4a3008;box-shadow:0 6px 14px -8px #c58924e6,inset 0 1px #ffffffa6}.card{background:linear-gradient(180deg, #fffefc 0%, var(--card-2) 100%);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;margin-bottom:14px;padding:16px;position:relative}.card:before{content:"";background:linear-gradient(90deg, transparent 0%, #f3c977 25%, var(--gold) 50%, #f3c977 75%, transparent 100%);opacity:.9;border-radius:18px 18px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.card h3{margin:0 0 4px;font-family:ui-serif,Georgia,Iowan Old Style,Times New Roman,serif;font-size:17px;font-weight:700}.card .meta{color:var(--muted);font-size:12.5px;line-height:1.5}.verse{color:var(--gold-deep);text-align:center;border-bottom:1px solid var(--line-soft);margin-bottom:12px;padding:2px 6px 12px;font-family:ui-serif,Georgia,Iowan Old Style,Times New Roman,serif;font-size:15.5px;font-style:italic;line-height:1.55}.verse:before{content:"✦";color:var(--gold);margin-bottom:6px;font-size:12px;font-style:normal;display:block}.row{align-items:center;gap:10px;display:flex}.avatar{background:var(--card-2);object-fit:cover;width:44px;height:44px;color:var(--gold-deep);border:2px solid #fff;border-radius:50%;flex:none;place-items:center;font-family:ui-serif,Georgia,serif;font-size:17px;font-weight:700;display:grid;box-shadow:0 0 0 1.5px #d69a34d9,0 6px 14px -8px #855f28cc}.spacer{flex:1}textarea,input,select{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fff;border-radius:12px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}textarea:focus,input:focus,select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #f8d4888c}textarea::placeholder{color:#b9ab97}label{color:var(--gold-deep);text-transform:uppercase;letter-spacing:.1em;margin:13px 0 6px;font-size:11.5px;font-weight:700;display:block}.grid-3{grid-template-columns:1.2fr .8fr;gap:10px;display:grid}.combo{min-width:0;position:relative}.combo input{padding-right:38px}.combo-toggle{width:28px;height:28px;color:var(--gold-deep);cursor:pointer;z-index:3;background:0 0;border:none;border-radius:8px;padding:0;font-size:14px;line-height:1;transition:background .15s,color .15s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.combo-toggle:hover,.combo-toggle:focus-visible{color:#4a3008;background:#f8d4888c;outline:none}.combo-list{z-index:40;border:1px solid var(--line);background:#fff;border-radius:14px;max-height:300px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 22px 44px -22px #855f28a6}.combo-list[hidden]{display:none}.combo-list.up{top:auto;bottom:calc(100% + 6px)}.combo-item{cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:8px 10px;display:flex}.combo-item:hover,.combo-item.active{background:linear-gradient(#fdf3de 0%,#fbe8c6 100%)}.combo-zone{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;overflow:hidden}.combo-zone b{color:var(--gold-deep);font-weight:700}.combo-offset{color:var(--muted);flex:none;font-size:11.5px}.combo-tag{letter-spacing:.06em;text-transform:uppercase;color:#4a3008;background:var(--gold-grad);border-radius:999px;flex:none;padding:2px 7px;font-size:10px;font-weight:700}.combo-empty{text-align:center;color:var(--muted);padding:14px 10px;font-size:13px;line-height:1.55}.combo-empty b{color:var(--gold-deep);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hint{color:var(--muted);margin-top:8px;font-size:12.5px;line-height:1.5}.hint.warn{color:var(--danger)}button.primary{background:var(--gold-grad);color:#4a3008;letter-spacing:.02em;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:16px;padding:12px;font-size:14.5px;font-weight:700;transition:transform .12s,filter .12s;box-shadow:0 12px 20px -14px #c58924,inset 0 1px #ffffffb3}button.primary:hover{filter:brightness(1.04);transform:translateY(-1px)}button.primary:active{transform:translateY(0)}button.ghost{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffffb3;border-radius:10px;padding:8px 13px;font-size:13px;font-weight:600;transition:border-color .15s,color .15s,background .15s}button.ghost:hover{border-color:var(--gold);color:var(--gold-deep);background:#fff}button:disabled{opacity:.55;cursor:default;transform:none}.wish{border-top:1px solid var(--line-soft);margin-top:11px;padding:11px 0 2px}.wish .author{color:var(--gold-deep);letter-spacing:.02em;font-size:12.5px;font-weight:700}.wish .body{white-space:pre-wrap;color:var(--ink);margin-top:4px;font-family:ui-serif,Georgia,Iowan Old Style,Times New Roman,serif;font-size:15px;line-height:1.55}.empty{text-align:center;color:var(--muted);padding:28px 12px;font-family:ui-serif,Georgia,Iowan Old Style,Times New Roman,serif;font-size:14.5px;line-height:1.65}.empty b{color:var(--gold-deep)}.toast{z-index:5;border:1px solid var(--line);border-left:4px solid var(--gold);color:var(--ink);box-shadow:var(--shadow);background:#fffdf8;border-radius:12px;margin-bottom:12px;padding:11px 13px;font-size:13.5px;position:sticky;top:8px}.count{color:var(--gold-deep);font-weight:700}.footer{text-align:center;color:var(--muted);margin-top:20px;font-family:ui-serif,Georgia,Iowan Old Style,Times New Roman,serif;font-size:12.5px;font-style:italic;line-height:1.6}.footer:before{content:"✦";color:var(--gold);margin-bottom:6px;font-size:11px;font-style:normal;display:block}.muted{color:var(--muted)}.linkish{color:var(--moon);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.linkish:hover{text-decoration:underline}.identity{background:linear-gradient(180deg, #fff9ec 0%, var(--card) 100%);border-color:#d69a3473}.identity h3{align-items:center;gap:8px;display:flex}.pill{letter-spacing:.06em;text-transform:uppercase;color:#4a3008;background:var(--gold-grad);border-radius:999px;flex:none;padding:4px 10px;font-size:11px;font-weight:700;box-shadow:inset 0 1px #ffffffb3}.code{color:var(--gold-deep);border:1px solid var(--line-soft);background:#fff3dd;border-radius:7px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}@media (width<=420px){.grid-3{grid-template-columns:1fr}.tab{padding:9px 4px;font-size:12px}}