:root{--paper: #f1e9dc;--paper2: #e8dcc8;--ink: #2a1d17;--rust: #c4472a;--faded: #b9ad9c;--serif: "Fraunces", "Linux Libertine O", Georgia, serif;--sans: "Archivo", "Noto Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}html,body{background:var(--paper);color:var(--ink);font-family:var(--serif)}body{min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}.shell{position:relative;max-width:520px;margin:0 auto;padding:22px 20px 110px;min-height:100dvh}.eyebrow{font:700 10px var(--sans);letter-spacing:2px;text-transform:uppercase;display:flex;justify-content:space-between}h1.big{font-size:46px;line-height:.95;font-style:italic;font-weight:400;margin:18px 0 6px}h1.big b{font:900 1em var(--sans);font-style:normal;color:var(--rust)}.lede{font-size:15px;margin-bottom:18px}.rule{border:0;border-top:1.5px solid var(--ink);margin:0}h2{font:900 13px var(--sans);letter-spacing:1.5px;text-transform:uppercase;margin:22px 0 8px}.muted{opacity:.65;font-style:italic;font-size:13px}.nav{position:fixed;left:0;right:0;bottom:0;background:var(--paper);border-top:1.5px solid var(--ink);display:flex;justify-content:center;padding-bottom:env(safe-area-inset-bottom);z-index:10}.nav-inner{display:flex;width:100%;max-width:520px;justify-content:space-around}.nav button{font:700 10px var(--sans);letter-spacing:1.5px;text-transform:uppercase;padding:15px 4px;opacity:.55;position:relative}.nav button.on{opacity:1;color:var(--rust)}.nav button.on:after{content:"";position:absolute;left:20%;right:20%;top:6px;height:3px;background:var(--rust)}.card{background:var(--ink);color:var(--paper);padding:16px;margin:16px 0;transform:rotate(-1deg);box-shadow:5px 5px 0 var(--rust)}.card em{font-size:19px;display:block}.card small{display:block;font:12px var(--sans);margin-top:8px;opacity:.75}.btn{font:700 12px var(--sans);letter-spacing:1.2px;text-transform:uppercase;border:2px solid var(--ink);padding:10px 14px;background:var(--paper);box-shadow:3px 3px 0 var(--ink);transition:transform .08s,box-shadow .08s}.btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.btn.rust{background:var(--rust);color:#fff6ea;border-color:var(--ink)}.btn.sm{padding:6px 9px;font-size:10px}.field{width:100%;border:0;border-bottom:1.5px solid var(--ink);background:transparent;padding:8px 2px;font-size:16px;outline:none}.field:focus{border-bottom-color:var(--rust)}.row{display:flex;gap:10px;align-items:center}.grow{flex:1;min-width:0}.stamp{border:3px solid var(--rust);color:var(--rust);font:900 12px var(--sans);padding:6px 9px;text-align:center;transform:rotate(8deg);letter-spacing:1px;background:var(--paper)}.streak-stamp{position:absolute;right:22px;top:108px}.lede{padding-right:96px}.xpbar{height:14px;border:2px solid var(--ink);background:var(--paper2)}.xpfill{height:100%;background:repeating-linear-gradient(135deg,var(--rust) 0 8px,#d9633f 8px 16px);transition:width .4s}.xpmeta{font:700 11px var(--sans);margin-top:6px}.quests{list-style:none;padding:0}.quest{display:flex;gap:14px;padding:14px 0;border-bottom:1.5px solid var(--ink);transform:rotate(var(--tilt));animation:pop .3s both}.quest:last-child{border-bottom:0}.quest h4{font:700 16px var(--sans)}.quest p{font-style:italic;font-size:13px;margin-top:3px}.quest.done h4{text-decoration:line-through;text-decoration-color:var(--rust);text-decoration-thickness:2px;opacity:.55}.quest.done p{opacity:.45}.check{flex:none;width:38px;height:38px;border:2px solid var(--ink);border-radius:50%;font:italic 22px var(--serif);color:var(--rust);background:var(--paper);box-shadow:2px 2px 0 var(--ink);display:grid;place-items:center;transition:transform .1s}.check:active{transform:scale(.88) rotate(-8deg)}.quest.done .check{background:var(--rust);color:#fff6ea;font:900 18px var(--sans)}.edit{margin-top:10px}.mini{font:700 10px var(--sans);letter-spacing:1px;text-transform:uppercase;display:flex;gap:6px;align-items:center}.mini input{width:56px;border:0;border-bottom:1.5px solid var(--ink);background:transparent;padding:4px 2px;font-size:15px;outline:none}.addrow{margin-top:14px}.progress{position:relative;height:26px;border:2px solid var(--ink);margin-top:18px;background:var(--paper2);overflow:hidden}.progress div{height:100%;background:var(--ink);transition:width .4s}.progress span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:700 11px var(--sans);letter-spacing:1px;mix-blend-mode:difference;color:#f1e9dc}@keyframes pop{0%{opacity:0;transform:translateY(6px) rotate(var(--tilt))}to{opacity:1}}.portrait{display:flex;gap:16px;align-items:center;border:2px solid var(--ink);padding:16px;background:var(--paper2);box-shadow:5px 5px 0 var(--ink)}.mono{flex:none;width:76px;height:76px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ink) var(--fill),var(--faded) 0);padding:5px}.mono span{width:100%;height:100%;border-radius:50%;background:var(--paper);display:grid;place-items:center;font:italic 40px var(--serif);color:var(--rust)}.portrait h3{font:900 22px var(--sans)}.portrait p{font-style:italic;margin:2px 0 8px}.portrait small{font:700 11px var(--sans);display:block;margin-top:6px}.meter{height:8px;border:1.5px solid var(--ink);background:var(--paper)}.meter div{height:100%;background:var(--rust);transition:width .5s}h2 .hint{font:italic 400 12px var(--serif);text-transform:none;letter-spacing:0;opacity:.6;margin-left:6px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{position:relative}.chipmain{text-align:left;border:2px dashed var(--faded);padding:9px 12px;color:var(--faded);background:transparent;display:block;transition:all .25s;min-width:120px}.chipmain b{font:700 14px var(--sans);display:block}.chipmain i{font-size:12px;display:block;margin-top:2px}.chip.on .chipmain{border:2px solid var(--ink);background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 var(--rust);transform:rotate(-.6deg)}.chip:not(.on) .chipmain:active{transform:scale(.96)}.mastered{display:inline-block;margin-top:6px;font:900 9px var(--sans);letter-spacing:1.5px;color:#f6b5a2;border:1.5px solid #f6b5a2;padding:2px 5px}.chip.burst .chipmain{animation:stamp .6s}.x{position:absolute;top:-9px;right:-9px;width:22px;height:22px;border-radius:50%;border:2px solid var(--ink);background:var(--rust);color:#fff;font:900 14px/1 var(--sans);display:grid;place-items:center}@keyframes stamp{0%{transform:scale(1.35) rotate(6deg);opacity:.3}60%{transform:scale(.95) rotate(-1deg);opacity:1}to{transform:rotate(-.6deg)}}.tbtn{position:relative;overflow:hidden;border:2px solid var(--ink);background:var(--paper);padding:8px 12px;display:flex;gap:10px;align-items:center;box-shadow:2px 2px 0 var(--ink)}.tbtn b{font:700 13px var(--sans)}.tbtn span{font:italic 15px var(--serif);color:var(--rust)}.tbtn i{position:absolute;left:0;bottom:0;height:4px;background:var(--rust);transition:width .3s}.tbtn:active{transform:translate(2px,2px);box-shadow:none}.recent{list-style:none;padding:0}.recent li{padding:10px 0;border-bottom:1.5px solid var(--ink)}.recent b{font:700 14px var(--sans)}.recent em{font-size:13px;opacity:.7}.recent small{display:block;font:11px var(--sans);opacity:.55;margin-top:2px}.ribbon{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin:6px 0}.mo{border:2px solid var(--ink);text-align:center;padding:6px 0 4px;background:var(--paper)}.mo span{font:700 11px var(--sans);display:block}.mo small{font:10px var(--sans);opacity:.55}.mo.past{background:var(--ink);color:var(--paper)}.mo.cur{background:var(--rust);color:#fff6ea;box-shadow:3px 3px 0 var(--ink);transform:rotate(-2deg)}.count{flex:none;width:58px;text-align:center;border:2px solid var(--ink);padding:6px 0;background:var(--paper2)}.count b{font:italic 26px var(--serif);display:block;line-height:1}.count small{font:700 9px var(--sans);letter-spacing:1px;text-transform:uppercase;opacity:1;margin:2px 0 0}.count.soon{background:var(--rust);color:#fff6ea}.count.gone{opacity:.4}.check.tick{background:var(--rust);color:#fff6ea}.recent .check{width:30px;height:30px;font-size:16px}.mock{display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;color:var(--paper);background:var(--ink);padding:16px;box-shadow:5px 5px 0 var(--rust);transform:rotate(-.8deg)}.mock b{font:900 15px var(--sans)}.mock span{font:700 11px var(--sans);letter-spacing:1.2px;text-transform:uppercase;border:2px solid var(--paper);padding:6px 9px}.jcard{display:flex;gap:8px;align-items:center;border:2px solid var(--ink);padding:10px 12px;margin-bottom:8px;background:var(--paper2)}.jcard b{font:700 15px var(--sans);display:block}.jcard i{font-size:13px;opacity:.7}.btn:disabled{opacity:.3;box-shadow:none}