:root{--ground:#0e2a1f;--ground-deep:#0b2219;--night:#06140e;--surface:#163829;--surface-2:#1d4433;--surface-done:#11301f;--line:#2c5241;--line-dashed:#4e7a66;--text:#f4f7f2;--text-sub:#a8c2b4;--text-done:#8fae9f;--ring:#6f9483;--bibs:#e4f03c;--bibs-line:#c9d52a;--on-bibs:#0e2a1f;--warn:#ff9a5c;--font:"Zen Kaku Gothic New", system-ui, -apple-system, "Hiragino Sans", sans-serif;--num:"Barlow Condensed", "Zen Kaku Gothic New", sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ground);color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0}#root{min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--bibs);text-decoration:none}:focus-visible{outline:3px solid var(--bibs);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.screen{flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow-x:clip}.screen-night{background:var(--night)}.top{padding:calc(var(--safe-top) + 28px) 20px 18px;flex-direction:column;gap:6px;display:flex;position:relative}.brand{font-family:var(--num);letter-spacing:.18em;color:var(--bibs);font-size:14px;font-weight:700}.h1{letter-spacing:.02em;margin:0;font-size:30px;font-weight:900}.h1-sm{margin:0;font-size:28px;font-weight:900}.label{color:var(--text-sub);font-size:13px;font-weight:700}.body{flex-direction:column;flex:1;gap:14px;padding:0 20px 24px;display:flex}.pitch-mark{pointer-events:none;position:absolute;top:-110px;right:-90px}.tabbar{padding:8px 12px calc(var(--safe-bottom) + 12px);border-top:1px solid var(--line);background:var(--ground-deep);z-index:5;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:sticky;bottom:0}.tab{color:var(--text-sub);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:52px;font-size:12px;font-weight:700;display:flex}.tab[aria-current=page]{color:var(--bibs)}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:12px;padding:18px;display:flex}.row-link{color:var(--text);background:var(--surface);text-align:left;border:0;border-radius:18px;align-items:center;gap:14px;width:100%;min-height:72px;padding:14px 16px;display:flex}.row-icon{background:var(--surface-2);border-radius:14px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.row-title{font-size:20px;font-weight:900}.row-sub{color:var(--text-sub);font-size:13px}.dashed{color:var(--text);border:1.5px dashed var(--line-dashed);background:0 0;border-radius:18px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:56px;padding:14px 16px;font-size:15px;font-weight:700;display:flex}.dashed.start{justify-content:flex-start}.dot{background:var(--bibs);border-radius:4px;width:8px;height:8px;display:inline-block}.count{font-family:var(--num);font-weight:700;line-height:1}.count .now{color:var(--bibs)}.count .all{color:var(--text-sub)}.segments{gap:3px;display:grid}.segments>span{background:var(--line);border-radius:3px;height:6px}.segments>span.on{background:var(--bibs)}.bar{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.bar>span{background:var(--bibs);border-radius:3px;height:100%;transition:width .25s;display:block}.btn{border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 22px;font-size:17px;font-weight:900;display:inline-flex}.btn-bibs{background:var(--bibs);color:var(--on-bibs)}.btn-dark{background:var(--ground);color:var(--text)}.btn-line{border:1.5px solid var(--line);color:var(--text);background:0 0;font-weight:700}.btn-line-dark{border:1.5px solid var(--on-bibs);color:var(--on-bibs);background:0 0;font-weight:700}.btn-small{min-height:44px;padding:0 18px;font-size:15px}.btn-block{width:100%}.btn:disabled{opacity:.45;cursor:default}.pill{border:1px solid var(--line);color:var(--text-sub);background:0 0;border-radius:999px;min-height:44px;padding:0 16px;font-size:13px;font-weight:700}.circle-btn{background:var(--surface);border:0;border-radius:22px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.text-btn{color:var(--bibs);background:0 0;border:0;min-height:44px;padding:0 4px;font-size:13px;font-weight:700}.danger{color:var(--warn)}.check-head{padding:calc(var(--safe-top) + 20px) 20px 16px;border-bottom:1px solid var(--line);background:var(--ground);z-index:4;flex-direction:column;gap:14px;display:flex;position:sticky;top:0}.check-body{flex-direction:column;flex:1;gap:6px;padding:8px 20px 16px;display:flex}.group-label{color:var(--text-sub);padding:14px 4px 2px;font-size:13px;font-weight:700}.check-item{background:var(--surface);text-align:left;border:0;border-radius:16px;align-items:center;gap:14px;width:100%;min-height:60px;padding:10px 14px;transition:background .15s;display:flex}.check-item[aria-pressed=true]{background:var(--surface-done)}.check-item .mark{border:2px solid var(--ring);border-radius:16px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.check-item[aria-pressed=true] .mark{background:var(--bibs);border-color:var(--bibs)}.check-item .name{flex:1;font-size:17px;font-weight:700}.check-item .note{color:var(--text-sub);margin-top:2px;font-size:12px;font-weight:500;display:block}.check-item[aria-pressed=true] .name{color:var(--text-done);text-decoration:line-through}.check-item .qty{font-family:var(--num);color:var(--text-sub);font-size:18px;font-weight:700}.check-foot{padding:12px 20px calc(var(--safe-bottom) + 16px);border-top:1px solid var(--line);background:var(--ground-deep);z-index:4;position:sticky;bottom:0}.remaining{border:1.5px solid var(--line);border-radius:999px;justify-content:center;align-items:center;min-height:56px;font-size:17px;font-weight:700;display:flex}.remaining .num{font-family:var(--num);color:var(--bibs);margin:0 6px;font-size:24px}.big .check-item{border-radius:20px;min-height:72px}.big .check-item .name{font-size:21px}.big .check-item .mark{border-radius:20px;width:40px;height:40px}.done-screen{background:var(--bibs);color:var(--on-bibs);min-height:100dvh;overflow:hidden}.done-pitch{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.done-main>:not(.done-pitch){position:relative}.done-main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:0 28px;display:flex;position:relative}.done-badge{background:var(--on-bibs);border-radius:60px;justify-content:center;align-items:center;width:120px;height:120px;animation:.45s cubic-bezier(.2,1.4,.4,1) both pop;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.done-badge{animation:none}}.done-title{letter-spacing:.02em;margin:8px 0 0;font-size:48px;font-weight:900}.done-foot{padding:0 20px calc(var(--safe-bottom) + 32px);flex-direction:column;gap:10px;display:flex;position:relative}.done-overlay{z-index:30;justify-content:center;display:flex;position:fixed;inset:0}.done-overlay>.screen{width:100%}.tabs{background:var(--surface);scrollbar-width:none;border-radius:999px;gap:6px;padding:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{min-height:44px;color:var(--text-sub);white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:1 0 auto;padding:0 16px;font-size:15px;font-weight:700}.tabs button[aria-selected=true]{background:var(--bibs);color:var(--on-bibs);font-weight:900}.edit-row{background:var(--surface);border-radius:16px;align-items:center;gap:10px;min-height:64px;padding:10px 10px 10px 14px;display:flex}.edit-row .main{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;gap:4px;min-width:0;padding:0;display:flex}.edit-row .name{overflow-wrap:anywhere;font-size:16px;font-weight:700}.chip{color:var(--text-sub);border:1px solid var(--line);border-radius:999px;align-self:flex-start;padding:1px 8px;font-size:12px}.stepper{background:var(--ground);border-radius:999px;flex:none;align-items:center;display:flex}.stepper button{width:44px;height:44px;color:var(--text-sub);background:0 0;border:0;font-size:20px}.stepper .v{text-align:center;min-width:22px;font-family:var(--num);font-size:20px;font-weight:700}.add-bar{gap:8px;display:flex}.field{border:1.5px solid var(--line);background:var(--surface);min-width:0;min-height:52px;color:var(--text);border-radius:14px;flex:1;padding:0 14px;font-size:16px}textarea.field{resize:vertical;min-height:180px;padding:12px 14px;line-height:1.6}.field::placeholder{color:var(--text-sub)}.sheet-foot{padding:12px 20px calc(var(--safe-bottom) + 16px);border-top:1px solid var(--line);background:var(--ground-deep);z-index:4;flex-direction:column;gap:10px;display:flex;position:sticky;bottom:0}.backdrop{z-index:40;background:#030a07b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--ground);border-top:1px solid var(--line);width:100%;max-width:520px;max-height:92dvh;padding:20px 20px calc(var(--safe-bottom) + 20px);border-radius:24px 24px 0 0;flex-direction:column;gap:14px;display:flex;overflow-y:auto}.sheet h2{margin:0;font-size:20px;font-weight:900}.sheet p{color:var(--text-sub);margin:0;font-size:14px;line-height:1.7}.choices{flex-wrap:wrap;gap:8px;display:flex}.auto-category{align-items:center;gap:10px;display:flex}.auto-category .value{flex:1;font-weight:700}.auto-category .muted{font-size:13px;font-weight:400}.choice{border:1.5px solid var(--line);min-height:44px;color:var(--text-sub);background:0 0;border-radius:999px;padding:0 16px;font-size:15px;font-weight:700}.choice[aria-checked=true],.choice[aria-pressed=true]{background:var(--bibs);border-color:var(--bibs);color:var(--on-bibs)}.section-label{color:var(--text-sub);padding:10px 4px 0;font-size:13px;font-weight:700}.group{background:var(--surface);border-radius:18px;overflow:hidden}.group>*+*{border-top:1px solid var(--line)}.set-row{text-align:left;width:100%;min-height:60px;color:var(--text);background:0 0;border-bottom:0;border-left:0;border-right:0;align-items:center;gap:12px;padding:12px 14px;display:flex}.set-row.danger{color:var(--warn)}.group>.set-row:first-child{border-top:0}.set-row .grow{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.set-row .t{font-size:16px;font-weight:700}.set-row .s{color:var(--text-sub);font-size:12px}.avatar{background:var(--surface-2);border-radius:20px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-weight:900;display:flex}.switch{background:var(--line);border:0;border-radius:16px;flex:none;width:52px;height:32px;transition:background .15s;position:relative}.switch:after{content:"";background:var(--text);border-radius:13px;width:26px;height:26px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--bibs)}.switch[aria-checked=true]:after{background:var(--on-bibs);transform:translate(20px)}.switch:disabled{opacity:.4}.capture-main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;padding:0 24px;display:flex}.capture-foot{padding:18px 24px calc(var(--safe-bottom) + 36px);grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;display:grid}.capture-side{color:var(--text);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;min-width:64px;min-height:56px;font-size:12px;font-weight:700;display:flex}.shutter{border:4px solid var(--text);background:0 0;border-radius:40px;justify-content:center;justify-self:center;align-items:center;width:80px;height:80px;display:flex}.shutter>span{background:var(--bibs);border-radius:31px;width:62px;height:62px}.shutter:disabled>span{background:var(--line)}.notice{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.6}.notice.warn{border-color:var(--warn)}.flag{color:var(--warn);font-size:12px;font-weight:700}.flag.soft{color:var(--text-sub)}.spinner{border:4px solid var(--line);border-top-color:var(--bibs);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{left:50%;bottom:calc(var(--safe-bottom) + 96px);background:var(--text);color:var(--ground);z-index:60;text-align:center;border-radius:14px;max-width:calc(100% - 40px);padding:12px 18px;font-size:14px;font-weight:700;position:fixed;transform:translate(-50%)}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.muted{color:var(--text-sub);margin:0;font-size:14px;line-height:1.7}.qr{background:#fff;border-radius:16px;align-self:center;padding:14px}.nb{display:inline-block}.card-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.stepper button.trash{justify-content:center;align-items:center;display:inline-flex}.toast{align-items:center;gap:14px;width:max-content;display:flex}.toast-action{color:inherit;font:inherit;text-underline-offset:3px;background:0 0;border:0;flex:none;padding:6px 0;font-weight:900;text-decoration:underline}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip.owner{color:var(--bibs);border-color:var(--bibs)}.check-item .owner{color:var(--bibs);border:1px solid var(--bibs);vertical-align:2px;border-radius:999px;margin-left:8px;padding:0 7px;font-size:12px;font-weight:700;display:inline-block}.link-btn{color:var(--bibs);text-underline-offset:3px;background:0 0;border:0;padding:8px;font-size:13px;font-weight:700;text-decoration:underline}.about{gap:18px}.about-section{background:var(--surface);border-radius:18px;padding:14px 16px 16px}.about-h{margin:0 0 8px;font-size:16px;font-weight:900}.about-section ul{flex-direction:column;gap:6px;margin:0;padding-left:1.2em;font-size:14px;line-height:1.7;display:flex}.about-section a{text-underline-offset:3px;text-decoration:underline}.recovery-code{background:var(--surface-2);text-align:center;letter-spacing:.02em;white-space:nowrap;color:var(--bibs);-webkit-user-select:all;user-select:all;border-radius:16px;padding:18px 12px;font-family:ui-monospace,Menlo,monospace;font-size:clamp(15px,5.4vw,24px);font-weight:700;overflow:hidden}.recovery-input{letter-spacing:.06em;text-transform:uppercase;font-family:ui-monospace,Menlo,monospace}.notice-action{text-align:left;border-color:var(--bibs-line);width:100%}
