:root{--bg: #f3f1ea;--surface: #ffffff;--text: #1f1f1d;--muted: #5f5e5a;--tert: #8a8980;--border: rgba(0, 0, 0, .12);--border-strong: rgba(0, 0, 0, .2);--teal: #0f6e56;--teal-bg: #e1f5ee;--info: #185fa5;--info-bg: #e6f1fb;--ok: #3b6d11;--ok-bg: #eaf3de;--warn: #854f0b;--warn-bg: #faeeda;--radius: 14px;--radius-sm: 9px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Open Sans,system-ui,sans-serif;line-height:1.6;-webkit-text-size-adjust:100%}.wrap{max-width:480px;margin:0 auto;padding:22px 16px 40px}.hero{text-align:center;margin:12px 0 22px}.logo{width:56px;height:56px;border-radius:16px;background:var(--teal);display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.logo-check{width:24px;height:24px;display:block;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.2l-3.5-3.5a1 1 0 0 0-1.4 1.4l4.2 4.2a1 1 0 0 0 1.4 0L20.3 7.9a1 1 0 1 0-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.2l-3.5-3.5a1 1 0 0 0-1.4 1.4l4.2 4.2a1 1 0 0 0 1.4 0L20.3 7.9a1 1 0 1 0-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat}.hero h1{font-size:28px;font-weight:700;margin:0 0 4px}.tagline{color:var(--muted);margin:0;font-size:15px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card.pad{padding:22px}.card.center{text-align:center}.card.center .btn{margin-top:14px}.field{display:block;padding:14px 18px 0}.field .label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}input,button{font-family:inherit;font-size:15px}input[type=text],input:not([type]),input[type=number]{width:100%;height:42px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--text)}input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-bg)}.switch-row{display:flex;align-items:center;gap:12px;padding:16px 18px;margin-top:14px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer}.switch-row input{position:absolute;opacity:0;pointer-events:none}.switch{width:44px;height:26px;border-radius:999px;background:#cfcdc4;position:relative;flex:none;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}.switch-row input:checked+.switch{background:var(--teal)}.switch-row input:checked+.switch:after{transform:translate(-18px)}.switch-text{display:flex;flex-direction:column}.switch-text strong{font-weight:600;font-size:15px}.switch-sub{font-size:13px;color:var(--muted)}.item-rows{display:flex;flex-direction:column;gap:8px}.item-row{display:flex;gap:8px;align-items:center}.grow{flex:1;min-width:0}input.qty{width:64px;text-align:center;flex:none}.icon-btn{width:38px;height:42px;flex:none;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--muted);font-size:20px;cursor:pointer}.icon-btn:disabled{opacity:.4;cursor:default}.hint.small{font-size:12px;color:var(--tert);margin:8px 0 0}.error{margin:14px 18px 0;padding:10px 12px;border-radius:var(--radius-sm);background:#fcebeb;color:#791f1f;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 16px;gap:6px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:#fff;color:var(--text);cursor:pointer;font-weight:600;text-decoration:none}.btn:active{transform:scale(.98)}.btn.sm{height:36px;padding:0 13px;font-size:14px}.btn.big{width:calc(100% - 36px);margin:18px;height:48px;font-size:16px}.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn.info{background:#fff;border-color:var(--info);color:var(--info)}.btn.info.sm{background:var(--info);border-color:var(--info);color:#fff}.btn.share{background:var(--teal);border-color:var(--teal);color:#fff;flex:1}.btn.ghost{background:transparent;border-color:var(--border-strong);color:var(--muted)}.btn.ghost.sm{height:34px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.ghost{font-weight:500}.item-rows+.btn.ghost{margin-top:10px}.board-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.board-icon{width:40px;height:40px;border-radius:11px;background:var(--info-bg);display:flex;align-items:center;justify-content:center;flex:none}.board-icon .logo-check{background:var(--info);width:20px;height:20px}.board-title{font-size:19px;font-weight:700;margin:0;line-height:1.3}.board-date{font-size:13px;color:var(--muted)}.badges{display:flex;flex-direction:column;gap:5px;align-items:flex-end;flex:none}.pill{font-size:12px;padding:4px 10px;border-radius:999px;white-space:nowrap}.pill.soft{background:#f1efe8;color:var(--muted)}.pill.ok{background:var(--ok-bg);color:var(--ok);font-weight:600}.pill.warn{background:var(--warn-bg);color:var(--warn)}.progress{padding:14px 18px;border-bottom:1px solid var(--border)}.progress-top{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:7px}.progress-top strong{color:var(--text)}.bar{height:9px;background:#ece9e0;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--teal);border-radius:999px;transition:width .25s}.band{margin:14px 18px;padding:12px 14px;border-radius:var(--radius-sm)}.band.info{background:var(--info-bg)}.band .band-text{font-size:13px;color:#0c447c;margin-bottom:8px}.band-row{display:flex;gap:8px}.band.personal{background:var(--teal-bg);color:#085041;font-size:14px}.band.personal strong{font-weight:700}.items{display:flex;flex-direction:column}.item{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--border)}.item.is-full{background:#fbfaf6}.item-name{font-size:16px;font-weight:600}.item.is-full .item-name{color:var(--muted);font-weight:500}.item-sub{font-size:13px;color:var(--muted)}.item-sub .who{color:var(--ok)}.item-sub .hint{color:var(--tert)}.item-action{flex:none}.mine-tag{font-size:13px;color:var(--teal);margin-top:4px}.link-btn{background:none;border:none;color:var(--info);cursor:pointer;font-size:13px;padding:0 4px;text-decoration:underline;font-family:inherit}.stepper{display:flex;align-items:center;gap:6px}.stepper .qty{width:52px;height:36px}.additem{display:flex;gap:8px;padding:13px 18px;border-bottom:1px solid var(--border)}.empty{padding:26px 18px;text-align:center;color:var(--tert)}.actions{display:flex;gap:8px;padding:14px 18px}.owner-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid var(--border);background:#fbfaf6;font-size:13px;color:var(--muted)}.footnote{text-align:center;color:var(--muted);font-size:13px;margin:16px 8px 4px}.version{text-align:center;color:var(--tert);font-size:12px;margin:4px 0 0}.version a,.footnote a{color:var(--info)}@media (prefers-color-scheme: dark){:root{--bg: #1a1a18;--surface: #242421;--text: #ecebe6;--muted: #a3a29a;--tert: #76756e;--border: rgba(255,255,255,.12);--border-strong: rgba(255,255,255,.22);--teal-bg: #0c3b30;--info-bg: #0b2c46;--ok-bg: #1c2c10;--warn-bg: #3a2705}input[type=text],input:not([type]),input[type=number]{background:#2c2c28}.btn{background:#2c2c28;color:var(--text)}.btn.info,.icon-btn{background:#2c2c28}.item.is-full,.owner-bar{background:#201f1d}.band .band-text{color:#b5d4f4}.band.personal{color:#9fe1cb}.pill.soft{background:#33322d}}