:root{color-scheme:dark;--bg:#111018;--card:#211b2d;--purple:#bf8aef;--orange:#ff9d2b;--text:#f7f2fa;--muted:#c0b4ca;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}.shell{max-width:820px;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom))}.brand{display:flex;justify-content:space-between;border-radius:18px;background:#30203f;padding:15px;color:var(--purple);text-decoration:none;font-weight:700}.eyebrow{font-size:.72rem;letter-spacing:.12em;color:var(--purple);margin:28px 0 8px}h1{font-size:clamp(2rem,7vw,3rem);margin:8px 0}h2{font-size:1.2rem}#trail{color:var(--orange);overflow-wrap:anywhere}#notice{font-size:.88rem;min-height:1.5em;color:var(--muted)}#content{display:grid;gap:12px}.card{background:var(--card);border:1px solid #473455;border-radius:22px;padding:14px;min-width:0}.open{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;background:none;border:0;font-size:1.1rem;color:var(--text);font-weight:700;overflow-wrap:anywhere}.open span{min-width:0}.open .arrow{color:var(--orange);padding-left:14px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.card .actions{justify-content:flex-end}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer;border:1px solid #735787;background:#30223f;color:var(--text);padding:12px 16px;min-height:48px;border-radius:14px}button:disabled{opacity:.5;cursor:wait}button:hover{border-color:var(--purple)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.primary{background:var(--purple);color:#241035;font-weight:750;border:0}.add{width:100%;background:var(--purple);color:#241035;font-weight:750;margin:6px 0}.danger{color:#ffbba9;border-color:#a35d51}.itemline{display:flex;gap:12px;align-items:center;overflow-wrap:anywhere;min-height:48px}.itemline input{width:26px;height:26px;accent-color:var(--purple);flex-shrink:0}.itemline span{flex:1;min-width:0}.checked span{text-decoration:line-through;color:#ac9bb8}.empty{padding:25px 12px;color:var(--muted)}footer{display:flex;gap:12px;position:sticky;bottom:0;background:var(--bg);padding:12px 0;z-index:2}footer button{flex:1}#save{background:var(--purple);color:#241035;font-weight:700}details{border:1px solid #473455;border-radius:18px;background:var(--card);padding:16px;margin:12px 0}summary{cursor:pointer;font-weight:650;min-height:32px}li{padding:5px 0;line-height:1.6}p{line-height:1.6}a{color:var(--purple)}.muted{font-size:.85rem;color:var(--muted)}dialog{color:var(--text);background:var(--card);border:1px solid #735787;border-radius:24px;padding:22px;width:min(440px,calc(100% - 24px));max-height:85dvh;overflow:auto}dialog::backdrop{background:#000b}dialog .actions{justify-content:flex-end;margin-top:20px}input[type=text],#name{width:100%;border:1px solid #735787;background:var(--bg);padding:14px;color:var(--text);font:inherit;font-size:16px;border-radius:12px;margin:8px 0 16px}fieldset{border:0;padding:0;margin:0}.choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.choices button{font-size:1.6rem;padding:10px}.choices [aria-pressed=true]{outline:3px solid var(--orange)}[hidden]{display:none!important}@media(min-width:650px){#content.categories{grid-template-columns:1fr 1fr}.add,.empty{grid-column:1/-1}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}}