:root{--bg:#f5f6f8;--sf:#fff;--ink:#14171b;--sub:#5c636d;--faint:#9aa1ab;--ac:#137a5b;--acs:#e9f2ee;--ln:#edeff2;--ln2:#f4f5f7;--amber:#a9760f;--ambs:#faf3e4;--vio:#6b4fa0;--vios:#efeaf7;--blue:#3f6ea5;--blues:#eaf0f6;--gold:#9a7b1f;--golds:#fbf3dc;--pP:#137a5b;--pC:#c2922e;--pL:#7a5ba6;--radius:16px;--shadow:0 1px 2px #141e280a,0 10px 30px #141e2808}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;font-size:13px;line-height:1.45}.num{font-variant-numeric:tabular-nums}.card{background:var(--sf);border:1px solid var(--ln);border-radius:var(--radius);box-shadow:var(--shadow)}.shell{height:100%;display:flex}.rail{background:var(--sf);border-right:1px solid var(--ln);flex-direction:column;align-items:center;gap:5px;width:74px;padding:14px 0;display:flex}.rail a{width:56px;color:var(--faint);border-radius:11px;flex-direction:column;align-items:center;gap:4px;padding:8px 0;font-size:8.5px;font-weight:600;text-decoration:none;display:flex}.rail a.active{background:var(--acs);color:var(--ac)}.rail .g{border:2px solid;border-radius:6px;width:17px;height:17px}.main{flex:1;padding:20px;overflow:auto}@media (width<=640px){.shell{flex-direction:column-reverse}.rail{border-right:0;border-top:1px solid var(--ln);flex-direction:row;justify-content:space-around;width:100%;padding:6px 0 8px}}.pagetitle h1{letter-spacing:-.02em;margin:0 0 2px;font-size:20px;font-weight:780}.pagetitle p{color:var(--sub);margin:0 0 16px;font-size:12.5px}.ring{align-items:center;gap:10px;display:inline-flex}.ring-l{font-size:15px;font-weight:760}.stepper{align-items:center;gap:10px;display:inline-flex}.stepper button{border:1px solid var(--ln);background:var(--sf);width:30px;height:30px;color:var(--sub);cursor:pointer;border-radius:9px;font-size:16px;font-weight:700}.stepper .num{text-align:center;min-width:22px;font-size:16px;font-weight:760}.check{border:1.5px solid var(--ln);background:var(--sf);color:#fff;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:inline-flex}.check.on{background:var(--ac);border-color:var(--ac)}.btn-primary{background:var(--ac);color:#fff;cursor:pointer;border:0;border-radius:11px;padding:11px 18px;font-size:13px;font-weight:700}.btn-ghost{background:var(--sf);color:var(--sub);border:1px solid var(--ln);cursor:pointer;border-radius:11px;padding:10px 15px;font-size:12.5px;font-weight:700}.row-line{border-bottom:1px solid var(--ln2);align-items:center;gap:10px;padding:10px 0;display:flex}.row-line:last-child{border:0}.input{border:1px solid var(--ln);border-radius:9px;width:100%;padding:9px 11px;font-family:inherit;font-size:14px;font-weight:600}.muted{color:var(--faint)}.tag{border-radius:5px;padding:2px 8px;font-size:9.5px;font-weight:800}.tag.eaten{background:var(--acs);color:var(--ac)}.tag.planned{background:var(--ambs);color:var(--amber)}