:root{--bg:#fff6e9;--card:#fff;--ink:#1d1a16;--muted:#6f655a;--tomato:#e8432e;--mustard:#f2b134;--teal:#1f8a7a;--sky:#3d7be0;--plum:#8a3ffc;--line:2px solid var(--ink);--shadow:3px 3px 0 var(--ink);--radius:14px;--LD:#9ad1c3;--LC:#9cc3f5;--LB:#f2d06b;--LA:#f59a6b;--LS:#e8432e}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:16px;line-height:1.4}h1{letter-spacing:-.02em;margin:6px 0 4px;font-size:30px;font-weight:800;line-height:1.1}h2{margin:0 0 6px;font-size:19px;font-weight:800}p{margin:6px 0}b{font-weight:800}button{font:inherit;color:var(--ink);background:var(--card);border:var(--line);box-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:999px;padding:8px 14px;font-weight:600}button:active{box-shadow:none;transform:translate(2px,2px)}button:disabled{opacity:.4;cursor:not-allowed}button.on{background:var(--ink);color:var(--bg)}button.big{background:var(--tomato);color:#fff;width:100%;box-shadow:var(--shadow);margin:12px 0;padding:14px;font-size:18px;font-weight:800;display:block}button.ghost{box-shadow:none;background:0 0;border-style:dashed;margin:10px auto;display:block}button.yes{background:var(--teal);color:#fff}button.no{background:var(--tomato);color:#fff}button.x{box-shadow:none;color:var(--muted);background:0 0;border:none;padding:4px 8px}button.back{box-shadow:none;color:var(--muted);background:0 0;border:none;padding:4px 0}button.add{background:var(--mustard);white-space:nowrap;flex:none;margin-top:8px}button.add.vow{background:#9ad1c3}button.accuse{background:var(--plum)}input,textarea,select{font:inherit;border:var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;margin-top:4px;padding:10px 12px}input[type=range]{accent-color:var(--tomato);border:none;padding:0}input[type=checkbox]{width:22px;height:22px;accent-color:var(--tomato);flex:none;margin:2px 10px 0 0}textarea{resize:vertical;min-height:80px}label{margin:12px 0 4px;font-weight:600;display:block}.app{max-width:520px;margin:0 auto;padding-bottom:92px}.screen{padding:12px 16px}.loading{text-align:center;padding:40vh 16px;font-weight:800}.card{background:var(--card);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:14px 0;padding:14px}.card.hot{background:#ffe3dc}.card.court{background:#efe4ff}.card.rollcall{background:#fff0c9}.card.test{background:repeating-linear-gradient(45deg,#fff,#fff 12px,#fff6e9 12px 24px)}.row{align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between;align-items:flex-start}.grow{flex:1;min-width:0}.center{text-align:center}.fine{color:var(--muted);font-size:13px;font-weight:400}.quip{color:var(--muted);font-style:italic}.empty{color:var(--muted);text-align:center;padding:10px;font-style:italic}.warn{color:var(--tomato);font-weight:600}.tabs{background:var(--bg);border-top:var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom));justify-content:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs button{max-width:130px;box-shadow:none;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:6px 2px;font-size:12px;display:flex}.tabs button span{font-size:22px}.tabs button.on{background:var(--ink);color:var(--bg)}.logo{letter-spacing:-.04em;font-size:44px;font-weight:800;line-height:1}.logo b{background:var(--tomato);color:#fff;border:var(--line);box-shadow:var(--shadow);border-radius:10px;margin-left:6px;padding:0 8px;display:inline-block;transform:rotate(-4deg)}.logo.small{font-size:26px}.logo.small b{border-radius:8px;padding:0 5px}.home-head{justify-content:space-between;align-items:center;padding:4px 0;display:flex}button.new{background:var(--tomato);color:#fff;font-weight:800}.onboard{max-width:480px;margin:0 auto;padding:32px 16px}.hero{text-align:center;padding:24px 0 8px}.tagline{font-size:20px;font-weight:600}.seg{gap:6px;display:flex}.seg button{flex:1}.chip{border:1.5px solid var(--ink);white-space:nowrap;background:#fff;border-radius:999px;margin:2px 2px 2px 0;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.chip.vice{background:#ffd6cc}.chip.vow,.chip.won,.chip.live{background:#cdeee6}.chip.failed,.chip.lost{background:#ffd6cc}.chip.hot{background:var(--tomato);color:#fff}.stamps{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.tag{background:var(--mustard);border-radius:6px;margin-left:4px;padding:0 6px;font-size:11px;font-weight:600;display:inline-block}.tag.sling{background:var(--plum);color:#fff}.combo{text-align:center;border:var(--line);background:var(--LD);border-radius:8px;min-width:44px;padding:2px 6px;font-size:14px;font-weight:800;display:inline-block}.combo.LC{background:var(--LC)}.combo.LB{background:var(--LB)}.combo.LA{background:var(--LA)}.combo.LS{background:var(--LS);color:#fff}.goal{border-bottom:1px dashed #d8cfc4;align-items:center;gap:10px;padding:8px 0;display:flex}.goal:last-of-type{border-bottom:none}button.goal.pick{text-align:left;border-radius:10px;width:100%;margin:6px 0;padding:10px}.letters{gap:6px;margin:6px 0;display:flex}.letter{background:var(--LD);border-radius:10px;flex:1;padding:10px 0;font-size:20px;font-weight:800}.letter.LC{background:var(--LC)}.letter.LB{background:var(--LB)}.letter.LA{background:var(--LA)}.letter.LS{background:var(--LS);color:#fff}.letter.on{outline:3px solid var(--ink);outline-offset:2px;transform:translateY(-2px)}.presets{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.presets button{box-shadow:none;padding:5px 10px;font-size:13px}.sheet-bg{z-index:20;background:#1d1a1673;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);border:var(--line);width:100%;max-width:520px;max-height:88vh;padding:18px 16px calc(24px + env(safe-area-inset-bottom));border-bottom:none;border-radius:20px 20px 0 0;animation:.22s ease-out up;overflow-y:auto}@keyframes up{0%{opacity:0;transform:translateY(40px)}}.toggle{align-items:flex-start;margin:10px 0;font-weight:400;display:flex}.toggle.dis{opacity:.5}.toggle.sling{background:#efe4ff;border-radius:10px;padding:8px}.value{font-size:22px;font-weight:800}.value small{color:var(--muted);font-size:13px}.value.ok{color:var(--teal)}.value.off{color:var(--tomato)}.value-line{font-size:15px}.dare-row{text-align:left;width:100%;box-shadow:none;border-radius:10px;align-items:center;gap:6px;margin:6px 0;padding:10px 12px;font-weight:400;display:flex}.dare-row .arrow{margin-left:auto;font-weight:800}.checkin{border-top:1px dashed #d8cfc4;padding:10px 0}.checkin:first-of-type{border-top:none}.buttons{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.buttons button{padding:7px 12px;font-size:14px}.pledge{border-top:1px dashed #d8cfc4;padding:8px 0}.days{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.day{width:34px;height:34px;box-shadow:none;border-width:1.5px;border-radius:8px;padding:0;font-size:12px}.day.s-done{background:var(--teal);color:#fff}.day.s-failed,.day.s-missed{background:var(--tomato);color:#fff}.day.s-rain{background:var(--sky);color:#fff}.day.s-note{background:var(--mustard)}.day.s-open{background:#fff0c9;border-style:dashed;animation:1.6s infinite pulse}.day.s-future{color:var(--muted);background:#f3ede4;border-color:#c9bfb2}.day.s-sunk{color:#999;background:repeating-linear-gradient(45deg,#ddd,#ddd 4px,#f3f3f3 4px 8px);border-color:#bbb}.day.guilty{outline:3px solid var(--plum)}@keyframes pulse{50%{transform:scale(1.08)}}.side.is-liar{position:relative}.stamp{color:var(--tomato);border:6px solid var(--tomato);letter-spacing:.04em;mix-blend-mode:multiply;border-radius:12px;padding:0 14px;font-size:54px;font-weight:800;display:inline-block;transform:rotate(-12deg)}.stamp.inline{border-width:4px;margin:4px 0 8px;font-size:28px}.stamp-mini{color:var(--tomato);border:2px solid var(--tomato);border-radius:4px;margin-left:6px;padding:0 4px;font-size:11px;font-weight:800;display:inline-block;transform:rotate(-6deg)}.stamp-mini.paranoid{color:var(--plum);border-color:var(--plum)}.case{border-top:1px dashed #b9a6dd;padding:10px 0}.case:first-of-type{border-top:none}blockquote{border-left:4px solid var(--plum);background:#fff;border-radius:0 8px 8px 0;margin:6px 0;padding:6px 10px}.verdict{border:var(--line);border-radius:10px;margin-top:8px;padding:8px 10px}.verdict.guilty{background:#ffd6cc}.verdict.innocent{background:#cdeee6}.accuse-box{background:#efe4ff;border-radius:10px;margin:8px 0;padding:8px 10px}.photo{object-fit:cover;border:var(--line);border-radius:10px;width:100%;max-height:320px;margin:8px 0;display:block}.photo.ph{background:#eee;height:160px}.lightbox{z-index:40;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox img{max-width:96vw;max-height:90vh}.log{margin:4px 0;font-size:14px}.roast{background:var(--ink);color:var(--bg);border-radius:10px;padding:10px 12px;font-weight:600}.settle.won{background:#cdeee6}.settle.lost{background:#ffe3dc}.hist{border-bottom:1px dashed #d8cfc4;padding:5px 0;display:flex}.up{color:var(--teal)}.down{color:var(--tomato)}.me-head{align-items:center;gap:12px;padding-top:10px;display:flex}.avatar{border:var(--line);background:var(--mustard);border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:inline-flex}.me-head .avatar{width:56px;height:56px;font-size:24px}.points{text-align:center;border:var(--line);background:var(--mustard);box-shadow:var(--shadow);border-radius:12px;padding:6px 12px}.points b{font-size:26px;line-height:1;display:block}.points span{font-size:12px}.ladder{flex-wrap:wrap;gap:4px;margin:8px 0;display:flex}.rung{text-align:center;color:#b5aa9c;border:1.5px solid #c9bfb2;border-radius:6px;width:36px;padding:4px 0;font-weight:800}.ladder.days .rung{width:28px;padding:3px 0;font-size:12px}.rung.open{border-color:var(--ink);color:var(--ink);background:var(--LD)}.rung.LC.open{background:var(--LC)}.rung.LB.open{background:var(--LB)}.rung.LA.open{background:var(--LA)}.rung.LS.open{background:var(--LS);color:#fff}.ladder.days .rung.open{background:#cdeee6}.rung.sling{border:2px dashed var(--plum);color:var(--plum)}.sling-offer{background:#efe4ff;border-radius:10px;padding:8px 10px;font-weight:600}.save{align-items:center;gap:8px;padding:6px 0;display:flex}.save-icon{font-size:22px}.person{cursor:pointer;align-items:center;gap:10px;padding:8px 0;display:flex}.friend{border-bottom:1px dashed #d8cfc4}.friend-list{padding:0 0 10px 50px}.toast{z-index:50;background:var(--ink);width:calc(100% - 32px);max-width:480px;color:var(--bg);text-align:center;border-radius:12px;padding:12px 14px;font-weight:600;animation:.2s ease-out toastin;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}@keyframes toastin{0%{opacity:0;transform:translate(-50%,20px)}}.splash{z-index:60;background:#fff6e9f7;justify-content:center;align-items:center;animation:.2s ease-out fade;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes fade{0%{opacity:0}}.splash-card{text-align:center;max-width:420px;padding:24px;animation:.5s cubic-bezier(.2,1.6,.4,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.3)}}.splash-card h2{margin:8px 0;font-size:34px}.splash-card p{color:var(--muted);font-size:18px}.splash-art{width:240px;height:240px;margin:0 auto;position:relative}.splash-art .art{width:100%;height:100%}.splash-liar .stamp{position:absolute;top:70px;right:-36px}.art{-webkit-user-select:none;user-select:none;display:block}.hero-art{width:160px;height:160px;margin:0 auto}.hero-art.big{width:200px;height:200px}.inline-art{vertical-align:middle;width:44px;height:44px;margin-right:6px;display:inline-block}.splash-liar .art{animation:.5s .6s shake}.splash-liar .stamp{margin:8px 0;animation:.45s cubic-bezier(.5,0,.75,0) .15s both slam;display:inline-block}@keyframes slam{0%{opacity:0;transform:scale(4)rotate(-30deg)}to{opacity:1;transform:scale(1)rotate(-12deg)}}@keyframes shake{25%{transform:translate(-10px)}75%{transform:translate(10px)}}.splash-gavel .art{transform-origin:50% 90%;animation:.6s .2s bang}.splash-accuse .art{animation:.4s .15s lunge}@keyframes lunge{50%{transform:scale(1.12)translateY(6px)}}.splash-innocent .art{animation:.4s .3s 2 shake}@keyframes bang{40%{transform:rotate(-6deg)translateY(-8px)}70%{transform:rotate(3deg)translateY(4px)}}.splash-wilt .art{transform-origin:bottom;animation:1.6s forwards wilt}@keyframes wilt{to{filter:saturate(.4);transform:rotate(-8deg)translateY(12px)scale(.95)}}.splash-handshake .art{animation:.3s 3 alternate shakehands}.splash-confetti .art{animation:.35s 4 alternate shakehands}@keyframes shakehands{to{transform:translateY(-14px)}}.confetto{border-radius:2px;width:10px;height:16px;animation:2.4s linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(110vh) rotate(var(--spin))}}.drop{background:var(--sky);border-radius:2px;width:3px;height:22px;animation:.9s linear infinite rainfall;position:absolute;top:-30px}@keyframes rainfall{to{transform:translateY(110vh)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}