:root{--night: #16110c;--night-2: #221a12;--night-3: #2e2418;--parch: #f1e4c3;--parch-2: #e7d6ac;--parch-edge: #b89a5c;--ink: #2b2116;--ink-2: #5a4a35;--ink-3: #7c6a50;--gold: #c9a54a;--gold-2: #e2c46f;--crimson: #8a2d22;--crimson-2: #a63a2b;--forest: #2f6b3a;--steel: #5d6b78;--on-night: #efe3c8;--on-night-2: #b8a888;--radius: 12px;--head: "Cinzel", Georgia, serif;--body: "Alegreya Sans", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 50% -200px,#3a2a1a 0%,var(--night) 60%) fixed,var(--night);color:var(--on-night);font-family:var(--body);font-size:17px;line-height:1.45;-webkit-tap-highlight-color:transparent;min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--head);font-weight:700;letter-spacing:.02em;margin:0}h1{font-size:22px}h2{font-size:17px}h3{font-size:15px}a{color:var(--gold-2)}.app{max-width:560px;margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) 16px calc(96px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.topbar h1{color:var(--gold-2);font-size:20px}.muted{color:var(--on-night-2)}.small{font-size:14px}.tiny{font-size:12.5px}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.grow{flex:1;min-width:0}.stack>*+*{margin-top:12px}.center{text-align:center}.card{background:linear-gradient(180deg,var(--parch) 0%,var(--parch-2) 100%);color:var(--ink);border:1px solid var(--parch-edge);border-radius:var(--radius);padding:14px;box-shadow:0 1px #ffffff59 inset,0 6px 18px #00000059;position:relative}.card+.card{margin-top:12px}.card h2,.card h3{color:var(--crimson)}.card .muted{color:var(--ink-2)}.card .label{font-family:var(--head);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.card.dark{background:var(--night-2);color:var(--on-night);border-color:#4a3a24}.card.dark h2,.card.dark h3{color:var(--gold-2)}.card.dark .muted{color:var(--on-night-2)}.bar{height:12px;border-radius:999px;background:#2b211626;overflow:hidden}.bar>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold) 0%,var(--gold-2) 100%);transition:width .6s ease}.bar.hp>span{background:linear-gradient(90deg,#6e1d15 0%,var(--crimson-2) 100%)}.bar.ranger>span{background:linear-gradient(90deg,#24572e,#3f8a4c)}.bar.warrior>span{background:linear-gradient(90deg,#4b5560,#7a8a98)}.bar.big{height:16px}.btn{appearance:none;border:1px solid #5a1d15;background:var(--crimson);color:#f8ecd2;padding:11px 16px;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn.gold{background:var(--gold);color:#2b1d0a;border-color:#8a6a2f}.btn.ghost{background:transparent;color:inherit;border-color:currentColor;opacity:.85}.btn.small{padding:6px 10px;min-height:34px;font-size:14px}.btn.block{width:100%}.linkbtn{background:none;border:0;padding:4px;color:var(--crimson);font-weight:700;cursor:pointer;text-decoration:underline}.card.dark .linkbtn{color:var(--gold-2)}.field{display:block}.field>span{display:block;font-size:13px;font-weight:700;color:var(--ink-2);margin-bottom:4px}.card.dark .field>span{color:var(--on-night-2)}input[type=text],input[type=number],input[type=email],input[type=date],input[type=time],textarea,select{width:100%;padding:10px 11px;border-radius:9px;border:1px solid var(--parch-edge);background:#fbf4e2;color:var(--ink);font-size:17px;min-height:44px}.card.dark input,.card.dark textarea,.card.dark select{background:var(--night-3);color:var(--on-night);border-color:#5a4628}textarea{resize:vertical;min-height:64px}input:focus,textarea:focus,select:focus{outline:2px solid var(--gold);outline-offset:1px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.seg{display:flex;background:#2b21161f;border-radius:10px;padding:3px;gap:3px}.seg button{flex:1;border:0;background:transparent;padding:9px 6px;border-radius:8px;font-weight:700;cursor:pointer;color:var(--ink-2);min-height:40px}.seg button.on{background:var(--parch);color:var(--crimson);box-shadow:0 1px 3px #0003}.nav{position:fixed;left:0;right:0;bottom:0;z-index:20;background:#120d09f5;border-top:1px solid #3c2e1c;padding:6px 4px calc(6px + env(safe-area-inset-bottom));display:flex;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav-inner{display:flex;width:100%;max-width:560px}.nav button{flex:1;background:none;border:0;color:var(--on-night-2);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:11px;min-height:48px}.nav button svg{width:24px;height:24px}.nav button.on{color:var(--gold-2)}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:13px;font-weight:700;background:#2b21161a;color:var(--ink-2)}.pill.done{background:#d9e8c8;color:#234d22}.pill.missed{background:#ead1c8;color:#7a2a1d}.pill.gold{background:#f3e1a6;color:#6a4b0b}.pill.dark{background:#ffffff14;color:var(--on-night-2)}.days{display:flex;gap:4px}.days span{flex:1;height:10px;border-radius:3px;background:#2b211626}.days span.active{background:#c2661b}.days span.shield{background:var(--steel)}.days span.missed{background:#8a2d2259}.days span.pending{background:transparent;border:1.5px dashed #a98c56}.wlist{list-style:none;margin:0;padding:0}.wlist li{padding:10px 0;border-top:1px solid rgba(43,33,22,.15)}.wlist li:first-child{border-top:0}.wtype{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;color:#f8ecd2}.wtype.run{background:#2f6b3a}.wtype.walk{background:#6b7a3a}.wtype.gym{background:#4b5560}.wtype svg{width:18px;height:18px}.chat{display:flex;flex-direction:column;gap:10px}.bubble{max-width:88%;padding:10px 12px;border-radius:14px;white-space:pre-wrap;word-wrap:break-word}.bubble.user{align-self:flex-end;background:var(--crimson);color:#f8ecd2;border-bottom-right-radius:4px}.bubble.assistant{align-self:flex-start;background:var(--parch);color:var(--ink);border-bottom-left-radius:4px}.composer{position:sticky;bottom:calc(70px + env(safe-area-inset-bottom));display:flex;gap:8px;padding-top:10px;background:linear-gradient(180deg,transparent,var(--night) 30%)}.composer textarea{min-height:46px;max-height:140px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(84px + env(safe-area-inset-bottom));z-index:40;background:var(--night-3);color:var(--on-night);border:1px solid var(--gold);padding:10px 16px;border-radius:10px;max-width:calc(100% - 32px);box-shadow:0 8px 24px #00000080}.toast.err{border-color:var(--crimson-2)}.overlay{position:fixed;inset:0;z-index:50;background:#0a0704d1;display:grid;place-items:center;padding:16px;animation:fade .25s ease}.overlay .card{max-width:380px;width:100%;text-align:center;animation:rise .45s cubic-bezier(.2,1.4,.4,1)}.xpburst{font-family:var(--head);font-size:40px;color:var(--crimson);line-height:1}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(24px) scale(.92);opacity:0}}@keyframes glow{0%,to{filter:drop-shadow(0 0 0 rgba(201,165,74,0))}50%{filter:drop-shadow(0 0 10px rgba(201,165,74,.9))}}.glow{animation:glow 1.6s ease-in-out 2}.trophies{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.trophy{text-align:center;padding:10px 6px;border-radius:10px;background:#2b21160f}.trophy svg{width:42px;height:42px}.trophy.locked{opacity:.4;filter:grayscale(1)}.trophy .name{font-weight:700;font-size:13.5px;line-height:1.2;margin-top:4px}.trophy .desc{font-size:12px;color:var(--ink-2)}.chart-tip{font-size:13px;color:var(--ink-2);min-height:20px}.empty{padding:18px 8px;text-align:center;color:var(--ink-2)}.err{color:var(--crimson-2)}.card .err{color:var(--crimson);font-weight:700}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid rgba(201,165,74,.3);border-top-color:var(--gold);animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:360px){body{font-size:16px}.grid3{grid-template-columns:1.6fr 1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.hero{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px}.hero-portrait{display:block;object-fit:cover;border-radius:10px;border:2px solid var(--gold);box-shadow:0 0 0 1px #3a2a14,0 6px 16px #00000073;background:#1b1611}.hero-gear{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.hero-gear img{width:26px;height:26px;border-radius:5px;border:1px solid var(--parch-edge);background:#1b1611;object-fit:cover}.boss-art{width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:center 30%;border-radius:9px;border:1px solid #4a3a24;display:block;margin-top:8px;background:#1b1611}.boss-art.defeated{filter:grayscale(.85) brightness(.7)}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.slot{border:1px solid var(--parch-edge);border-radius:10px;padding:6px;text-align:center;background:#2b21160f;cursor:pointer;font:inherit;color:inherit}.slot.on{border-color:var(--crimson);box-shadow:0 0 0 2px #8a2d2240}.slot img,.slot .empty-slot{width:100%;aspect-ratio:1;border-radius:7px;object-fit:cover;display:block;background:#1b1611}.slot .empty-slot{display:grid;place-items:center;color:#6b5a40;font-size:12px}.slot .slot-name{font-size:11.5px;font-weight:700;text-transform:capitalize;margin-top:3px;color:var(--ink-2)}.loot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.loot-grid button{border:2px solid transparent;border-radius:8px;padding:0;background:none;cursor:pointer}.loot-grid button.on{border-color:var(--crimson)}.loot-grid img{width:100%;aspect-ratio:1;border-radius:6px;display:block;object-fit:cover}.loot-grid .locked img{filter:grayscale(1) brightness(.35)}.medal{width:58px;height:58px;border-radius:50%;object-fit:cover;display:block;margin:0 auto;border:2px solid var(--gold);box-shadow:0 3px 8px #00000059}.trophy.locked .medal{border-color:#9b8a6a}.vows{list-style:none;margin:10px 0 6px;padding:0}.vows li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid rgba(43,33,22,.12);flex-wrap:wrap}.vows li:first-child{border-top:0}.vows .vow-label{font-weight:700;font-size:15px;flex:1 1 140px}.vows li.kept .vow-label:before{content:"✓ ";color:var(--forest)}.vows input{min-height:38px;padding:6px 8px;font-size:16px}.chips{display:flex;gap:4px;flex-wrap:wrap}.chips button{border:1px solid var(--parch-edge);background:#fbf4e2;color:var(--ink-2);border-radius:999px;padding:6px 11px;font-size:13.5px;font-weight:700;cursor:pointer;min-height:34px}.chips button.on{background:var(--forest);border-color:#1d4524;color:#f3ecd8}.stepper{display:flex;align-items:center;gap:8px;font-weight:700}.stepper button{width:34px;height:34px;border-radius:50%;border:1px solid var(--parch-edge);background:#fbf4e2;font-size:18px;cursor:pointer;color:var(--ink)}.bar.monk>span{background:linear-gradient(90deg,#4a3470,#7a5aa8)}.grid3eq{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vowgrid{width:100%;border-collapse:collapse;font-size:12px}.vowgrid th{text-align:left;font-weight:700;color:var(--ink-2);padding:3px 4px 3px 0;white-space:nowrap}.vowgrid td{padding:2px}.vowgrid td span{display:block;height:14px;border-radius:3px;background:#2b211614}.vowgrid td span.kept{background:var(--forest)}.vowgrid td span.part{background:#b9a35d}.exlist{list-style:none;margin:8px 0 0;padding:0}.exlist li{padding:7px 0;border-top:1px solid rgba(43,33,22,.12)}.exlist li:first-child{border-top:0}.big-num{font-family:var(--head);font-size:34px;color:var(--crimson);line-height:1}