:root{--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Hanken Grotesk", system-ui, sans-serif;--r-xs:8px;--r-sm:12px;--r:16px;--r-lg:22px;--r-xl:30px;--r-pill:999px;--ease:cubic-bezier(.22,.61,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1)}[data-theme=fresh]{--bg:#F4F3EC;--surface:#FFFFFF;--surface-2:#FBFAF4;--surface-3:#F0EFE6;--text:#19231D;--text-soft:#586259;--muted:#919C8F;--line:#E8E6DA;--line-2:#DEDCCF;--primary:#1E8A52;--primary-press:#176B40;--on-primary:#FFFFFF;--primary-soft:#E2F0E6;--primary-ink:#0E4127;--accent:#EF9F3A;--accent-soft:#FBEBD3;--danger:#D24A3B;--danger-soft:#F8E2DE;--shop-canvas:#10271C;--shop-canvas-2:#163826;--shop-surface:#1C3A2A;--shop-text:#EAF3EC;--shop-soft:#9DBBA8;--shop-line:#2C4D3A;--shop-accent:#7CE0A3;--shadow:0 1px 2px rgba(20,40,28,.05),0 8px 24px -12px rgba(20,40,28,.16);--shadow-lg:0 2px 6px rgba(20,40,28,.06),0 24px 48px -20px rgba(20,40,28,.3)}[data-theme=fresh][data-mode=dark]{--bg:#0F1411;--surface:#171E19;--surface-2:#1C2520;--surface-3:#222E26;--text:#EAF1EB;--text-soft:#A8B6AC;--muted:#76847A;--line:#26312A;--line-2:#2F3B33;--primary:#3FB375;--primary-press:#338C5C;--on-primary:#08170E;--primary-soft:#1B2E22;--primary-ink:#BFE9CF;--accent:#F0AB52;--accent-soft:#2E2516;--danger:#E66556;--danger-soft:#33201D;--shop-canvas:#081B12;--shop-canvas-2:#0C2418;--shop-surface:#14321F;--shop-text:#EAF3EC;--shop-soft:#8FB39C;--shop-line:#1E4530;--shop-accent:#7CE0A3;--shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px -14px rgba(0,0,0,.7);--shadow-lg:0 2px 8px rgba(0,0,0,.45),0 28px 56px -22px rgba(0,0,0,.8)}[data-theme=crisp]{--bg:#F1F2F4;--surface:#FFFFFF;--surface-2:#F8F9FB;--surface-3:#EDEFF2;--text:#0E1116;--text-soft:#525B68;--muted:#8B95A3;--line:#E4E7EC;--line-2:#D7DBE2;--primary:#1A1D24;--primary-press:#000000;--on-primary:#FFFFFF;--primary-soft:#E7EEFB;--primary-ink:#13233F;--accent:#3D63F5;--accent-soft:#E5EBFE;--danger:#E0463A;--danger-soft:#FBE3E0;--shop-canvas:#101319;--shop-canvas-2:#171B23;--shop-surface:#1E232D;--shop-text:#F3F5F8;--shop-soft:#9AA5B5;--shop-line:#2A3140;--shop-accent:#6E8EFF;--shadow:0 1px 2px rgba(16,20,28,.05),0 10px 24px -14px rgba(16,20,28,.18);--shadow-lg:0 2px 6px rgba(16,20,28,.06),0 26px 50px -22px rgba(16,20,28,.32)}[data-theme=crisp][data-mode=dark]{--bg:#0B0D11;--surface:#14171D;--surface-2:#191D24;--surface-3:#1F242C;--text:#F2F4F7;--text-soft:#A4AEBC;--muted:#6E7787;--line:#242a33;--line-2:#2D343E;--primary:#F2F4F7;--primary-press:#FFFFFF;--on-primary:#0B0D11;--primary-soft:#1A2236;--primary-ink:#BFD0F2;--accent:#6E8EFF;--accent-soft:#1A2236;--danger:#F0665A;--danger-soft:#321E1C;--shop-canvas:#070A0F;--shop-canvas-2:#0D1118;--shop-surface:#161B23;--shop-text:#F3F5F8;--shop-soft:#8A95A6;--shop-line:#222a36;--shop-accent:#6E8EFF;--shadow:0 1px 2px rgba(0,0,0,.45),0 10px 28px -14px rgba(0,0,0,.72);--shadow-lg:0 2px 8px rgba(0,0,0,.5),0 30px 56px -22px rgba(0,0,0,.82)}[data-theme=warm]{--bg:#F3ECE3;--surface:#FFFCF8;--surface-2:#FAF4EC;--surface-3:#F0E7DA;--text:#2A2018;--text-soft:#6A5C4F;--muted:#A2917F;--line:#E9DECF;--line-2:#DFD2C0;--primary:#BE5B3A;--primary-press:#9C462A;--on-primary:#FFF7F1;--primary-soft:#F6E2D6;--primary-ink:#5E2613;--accent:#3F7D5E;--accent-soft:#DDEBE0;--danger:#C24433;--danger-soft:#F6DED9;--shop-canvas:#241712;--shop-canvas-2:#33231B;--shop-surface:#3A271E;--shop-text:#F4E9DF;--shop-soft:#C2A893;--shop-line:#4A342899;--shop-accent:#E8A86A;--shadow:0 1px 2px rgba(50,30,18,.05),0 10px 24px -13px rgba(50,30,18,.18);--shadow-lg:0 2px 6px rgba(50,30,18,.07),0 26px 52px -22px rgba(50,30,18,.32)}[data-theme=warm][data-mode=dark]{--bg:#15100C;--surface:#1E1813;--surface-2:#241D17;--surface-3:#2C241C;--text:#F2E8DD;--text-soft:#B6A593;--muted:#82715F;--line:#2E2620;--line-2:#392F26;--primary:#DC7B55;--primary-press:#BE5F3C;--on-primary:#1B0F08;--primary-soft:#2E1F16;--primary-ink:#F2C3A6;--accent:#5FA37C;--accent-soft:#1C2A21;--danger:#E06A57;--danger-soft:#33201B;--shop-canvas:#120B07;--shop-canvas-2:#1A110B;--shop-surface:#271A12;--shop-text:#F4E9DF;--shop-soft:#B89B84;--shop-line:#3A281E;--shop-accent:#E8A86A;--shadow:0 1px 2px rgba(0,0,0,.45),0 10px 28px -14px rgba(0,0,0,.72);--shadow-lg:0 2px 8px rgba(0,0,0,.5),0 30px 56px -22px rgba(0,0,0,.82)}[data-theme=bloom]{--bg:#F8EFF4;--surface:#FFFFFF;--surface-2:#FCF6F9;--surface-3:#F3E6EE;--text:#241721;--text-soft:#6E596A;--muted:#A88FA1;--line:#EEDFE8;--line-2:#E5D2DE;--primary:#D24C86;--primary-press:#B33A6D;--on-primary:#FFFFFF;--primary-soft:#FBE2EE;--primary-ink:#6E1D45;--accent:#8B6FE0;--accent-soft:#EBE5FB;--danger:#D24A3B;--danger-soft:#F8E2DE;--shop-canvas:#231029;--shop-canvas-2:#2E1538;--shop-surface:#341A3E;--shop-text:#F6EAF1;--shop-soft:#C3A4BD;--shop-line:#46274F;--shop-accent:#F19FC8;--shadow:0 1px 2px rgba(60,20,45,.05),0 10px 24px -13px rgba(60,20,45,.18);--shadow-lg:0 2px 6px rgba(60,20,45,.07),0 26px 52px -22px rgba(60,20,45,.32)}[data-theme=bloom][data-mode=dark]{--bg:#160E15;--surface:#1F141C;--surface-2:#261A23;--surface-3:#2F2132;--text:#F3E7EF;--text-soft:#BBA3B5;--muted:#84727F;--line:#2B2029;--line-2:#372839;--primary:#E86CA0;--primary-press:#C9547F;--on-primary:#2A0E1B;--primary-soft:#2F1826;--primary-ink:#F8C4DC;--accent:#A78BF0;--accent-soft:#241C33;--danger:#E66556;--danger-soft:#33201D;--shop-canvas:#130A16;--shop-canvas-2:#1B0F22;--shop-surface:#281435;--shop-text:#F6EAF1;--shop-soft:#B596B0;--shop-line:#3A2147;--shop-accent:#F19FC8;--shadow:0 1px 2px rgba(0,0,0,.45),0 10px 28px -14px rgba(0,0,0,.72);--shadow-lg:0 2px 8px rgba(0,0,0,.5),0 30px 56px -22px rgba(0,0,0,.82)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font-body);background:radial-gradient(120% 80% at 50% -10%,color-mix(in oklab,var(--primary) 7%,var(--bg)),transparent 60%),var(--bg);color:var(--text);display:flex;align-items:center;justify-content:center;min-height:100%;-webkit-font-smoothing:antialiased;transition:background .4s var(--ease),color .3s var(--ease)}#root{width:100%;display:flex;align-items:center;justify-content:center;min-height:100vh}.app-wrap{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:max(0px,env(safe-area-inset-top)) 0}.device{position:relative;width:min(440px,100vw);height:min(932px,100vh);background:var(--bg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);isolation:isolate}@media (min-width:520px){.app-wrap{padding:24px}.device{height:min(900px,calc(100vh - 48px));border-radius:42px;border:1px solid var(--line)}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg)}.screen-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.screen-scroll::-webkit-scrollbar{width:0}.pad{padding:0 20px}.statusbar{height:14px;flex:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.9)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes ringDraw{0%{stroke-dashoffset:var(--circ)}}.stagger>*{opacity:1}@media (prefers-reduced-motion:no-preference){.stagger>*{opacity:0;animation:fadeUp .5s var(--ease) forwards}.stagger>*:nth-child(1){animation-delay:.04s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.16s}.stagger>*:nth-child(4){animation-delay:.22s}.stagger>*:nth-child(5){animation-delay:.28s}.stagger>*:nth-child(6){animation-delay:.34s}.stagger>*:nth-child(7){animation-delay:.4s}.stagger>*:nth-child(8){animation-delay:.46s}}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}}.display{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.04}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.h1{font-family:var(--font-display);font-weight:700;font-size:30px;letter-spacing:-.025em;line-height:1.06;margin:0}.h2{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.02em;margin:0}.sub{color:var(--text-soft);font-size:15px;line-height:1.5;margin:0}.btn{font-family:var(--font-body);font-weight:650;font-size:16px;border:none;border-radius:var(--r);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:0 22px;width:100%;transition:transform .12s var(--ease),background .2s,box-shadow .2s,color .2s;letter-spacing:-.01em;white-space:nowrap}.btn:active{transform:scale(.975)}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 6px 16px -8px color-mix(in oklab,var(--primary) 80%,transparent)}.btn-primary:active{background:var(--primary-press)}.btn-primary:disabled{opacity:.45;box-shadow:none;cursor:default}.btn-ghost{background:var(--surface);color:var(--text);border:1.5px solid var(--line-2);box-shadow:var(--shadow)}.btn-soft{background:var(--primary-soft);color:var(--primary-ink)}.btn-quiet{background:transparent;color:var(--text-soft);min-height:46px;width:auto;padding:0 10px;font-weight:600}.btn-quiet:hover{color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-row{display:flex;gap:12px}.iconbtn{width:46px;height:46px;flex:none;border-radius:var(--r-sm);border:none;background:transparent;color:var(--text);display:grid;place-items:center;cursor:pointer;transition:background .18s,transform .12s,color .18s}.iconbtn:hover{background:var(--surface-3)}.iconbtn:active{transform:scale(.92)}.iconbtn.on-surface{background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line)}.field{display:flex;flex-direction:column;gap:8px}.label{font-size:13.5px;font-weight:650;color:var(--text-soft);letter-spacing:-.01em}.input{font-family:var(--font-body);font-size:17px;font-weight:500;color:var(--text);background:var(--surface);border:1.5px solid var(--line-2);border-radius:var(--r);padding:16px;width:100%;max-width:100%;outline:none;box-sizing:border-box;transition:border-color .18s,box-shadow .18s,background .18s}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 16%,transparent)}textarea.input{resize:none;line-height:1.5;min-height:84px}.chiprow{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--font-body);font-size:14.5px;font-weight:650;padding:9px 15px;border-radius:var(--r-pill);cursor:pointer;background:var(--surface);border:1.5px solid var(--line-2);color:var(--text-soft);transition:all .16s var(--ease);min-height:40px;display:inline-flex;align-items:center}.chip:active{transform:scale(.95)}.chip.sel{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.avatar{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-weight:750;font-size:12px;font-family:var(--font-display);letter-spacing:0;box-shadow:inset 0 0 0 1.5px #ffffff2e}.avatar.lg{width:40px;height:40px;font-size:15px}.avatar.sm{width:24px;height:24px;font-size:10px}.avatar-stack{display:flex}.avatar-stack .avatar{margin-left:-9px;box-shadow:0 0 0 2.5px var(--surface),inset 0 0 0 1.5px #ffffff2e}.avatar-stack .avatar:first-child{margin-left:0}.topbar{display:flex;align-items:center;gap:10px;padding:8px 12px;flex:none;min-height:58px}.topbar .grow{flex:1;min-width:0}.topbar-title{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}.listcard{position:relative;display:flex;align-items:center;gap:16px;padding:18px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);cursor:pointer;overflow:hidden;transition:transform .16s var(--ease),box-shadow .2s,border-color .2s}.listcard:active{transform:scale(.985)}.listcard:hover{box-shadow:var(--shadow-lg);border-color:var(--line-2)}.listcard .emoji{width:54px;height:54px;flex:none;border-radius:16px;display:grid;place-items:center;font-size:26px;background:var(--surface-3)}.listcard h3{font-family:var(--font-display);font-weight:700;font-size:18px;margin:0 0 3px;letter-spacing:-.02em}.listcard .meta{font-size:13.5px;color:var(--text-soft);display:flex;align-items:center;gap:7px}.ring{transform:rotate(-90deg)}.ring-track{stroke:var(--surface-3)}.ring-fill{stroke:var(--primary);stroke-linecap:round;transition:stroke-dashoffset .6s var(--ease)}.ring-label{font-family:var(--font-display);font-weight:700;font-size:13px}.pbar{height:7px;border-radius:99px;background:var(--surface-3);overflow:hidden}.pbar>i{display:block;height:100%;border-radius:99px;background:var(--primary);transition:width .5s var(--ease)}.section-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.section-head .t{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.itemrow{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);transition:transform .15s var(--ease),box-shadow .2s,opacity .3s,background .2s;cursor:pointer}.itemrow:active{transform:scale(.99)}.itemrow+.itemrow{margin-top:9px}.itemrow .thumb{width:46px;height:46px;flex:none;border-radius:12px;overflow:hidden;background:var(--surface-3);display:grid;place-items:center;font-size:22px;color:var(--muted)}.itemrow .thumb img{width:100%;height:100%;object-fit:cover;display:block}.itemrow .body{flex:1;min-width:0}.itemrow .name{font-weight:650;font-size:16px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.itemrow.upd{border-color:color-mix(in oklab,var(--accent) 42%,var(--line));box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 12%,transparent),var(--shadow)}.upd-badge{display:inline-flex;align-items:center;gap:5px;flex:none;font-family:var(--font-body);font-weight:700;font-size:11px;letter-spacing:.02em;padding:3px 8px 3px 7px;border-radius:var(--r-pill);background:var(--accent-soft);color:color-mix(in oklab,var(--accent) 52%,var(--text));white-space:nowrap;text-decoration:none}.upd-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}@media (prefers-reduced-motion:no-preference){.upd-badge .dot{animation:updpulse 1.8s var(--ease) infinite}}@keyframes updpulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.itemrow .desc{font-size:13px;color:var(--text-soft);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qty{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:-.01em;padding:5px 10px;border-radius:var(--r-pill);background:var(--primary-soft);color:var(--primary-ink);flex:none;white-space:nowrap}.fab{position:absolute;right:18px;bottom:22px;z-index:30;width:62px;height:62px;border-radius:22px;border:none;cursor:pointer;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;box-shadow:0 10px 26px -8px color-mix(in oklab,var(--primary) 75%,transparent),0 2px 6px #0000001f;transition:transform .16s var(--ease-spring),background .2s}@media (prefers-reduced-motion:no-preference){.fab{animation:pop .4s var(--ease-spring) both .2s}}.fab:hover{transform:scale(1.06) rotate(90deg)}.fab:active{transform:scale(.94)}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a140e6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .25s var(--ease)}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:51;background:var(--surface);border-radius:28px 28px 0 0;box-shadow:0 -16px 48px -16px #00000052;animation:sheetUp .36s var(--ease);max-height:92%;display:flex;flex-direction:column;padding-bottom:max(18px,env(safe-area-inset-bottom))}.sheet-grab{width:40px;height:5px;border-radius:99px;background:var(--line-2);margin:11px auto 4px;flex:none}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:6px 18px 10px}.sheet-body{padding:4px 20px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.sheet-foot{padding:14px 20px 4px;border-top:1px solid var(--line)}.dropzone{border:1.5px dashed var(--line-2);border-radius:var(--r);padding:18px;display:flex;align-items:center;gap:14px;cursor:pointer;color:var(--text-soft);background:var(--surface-2);transition:all .18s}.dropzone:hover{border-color:var(--primary);color:var(--text)}.dropzone .ph{width:46px;height:46px;border-radius:12px;background:var(--surface-3);display:grid;place-items:center;flex:none;color:var(--muted)}.dropzone.has{border-style:solid;border-color:var(--primary-soft)}.dropzone .preview{width:46px;height:46px;border-radius:12px;flex:none;background-size:cover;background-position:center}.menu-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;animation:fadeIn .2s}.menu{position:absolute;z-index:41;min-width:208px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-lg);padding:7px;animation:pop .22s var(--ease-spring);transform-origin:top right}.menu button{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;border:none;background:transparent;border-radius:11px;cursor:pointer;font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--text);text-align:left}.menu button:hover{background:var(--surface-3)}.menu button.danger{color:var(--danger)}.menu .sep{height:1px;background:var(--line);margin:6px 4px}.codechip{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.04em;cursor:pointer;transition:transform .12s,border-color .2s}.codechip:active{transform:scale(.96)}.codechip .dot{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.toast-wrap{position:absolute;left:0;right:0;top:0;z-index:60;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 16px 0;pointer-events:none}.toast{display:flex;align-items:center;gap:11px;background:var(--text);color:var(--bg);padding:11px 16px 11px 12px;border-radius:var(--r-pill);box-shadow:var(--shadow-lg);font-size:14px;font-weight:600;animation:toastIn .4s var(--ease-spring),toastOut .4s var(--ease) forwards 3.2s;max-width:100%}@keyframes toastIn{0%{opacity:0;transform:translateY(-18px) scale(.94)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(-12px) scale(.96)}}.choosecard{display:flex;align-items:center;gap:16px;text-align:left;padding:20px;border-radius:var(--r-lg);cursor:pointer;width:100%;background:var(--surface);border:1.5px solid var(--line-2);box-shadow:var(--shadow);transition:transform .15s var(--ease),border-color .2s,box-shadow .2s}.choosecard:hover{border-color:var(--primary);box-shadow:var(--shadow-lg)}.choosecard:active{transform:scale(.985)}.choosecard .ic{width:52px;height:52px;flex:none;border-radius:16px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-ink)}.choosecard h3{font-family:var(--font-display);font-weight:700;font-size:17px;margin:0 0 3px;letter-spacing:-.01em}.choosecard p{font-size:13.5px;color:var(--text-soft);margin:0;line-height:1.4}.codebig{font-family:var(--font-display);font-weight:700;font-size:34px;letter-spacing:.12em;color:var(--primary-ink);text-align:center;padding:22px;border-radius:var(--r-lg);background:var(--primary-soft);border:1.5px dashed color-mix(in oklab,var(--primary) 40%,transparent)}.shop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;display:flex;flex-direction:column;background:radial-gradient(120% 60% at 50% 0%,var(--shop-canvas-2),var(--shop-canvas));color:var(--shop-text);animation:fadeIn .35s var(--ease)}.shop-top{display:flex;align-items:center;gap:10px;padding:10px 14px;flex:none}.shop-top .iconbtn{color:var(--shop-text)}.shop-top .iconbtn:hover{background:#ffffff14}.shop-hero{padding:8px 22px 20px;flex:none}.shop-hero .name{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--shop-soft);letter-spacing:.02em}.shop-count{display:flex;align-items:baseline;gap:10px;margin-top:6px;white-space:nowrap}.shop-count .big{font-family:var(--font-display);font-weight:800;font-size:56px;letter-spacing:-.03em;line-height:1}.shop-count .of{font-size:18px;color:var(--shop-soft);font-weight:600;white-space:nowrap}.shop-pbar{height:8px;border-radius:99px;background:#ffffff1f;overflow:hidden;margin-top:16px}.shop-pbar>i{display:block;height:100%;border-radius:99px;background:var(--shop-accent);transition:width .55s var(--ease);box-shadow:0 0 14px color-mix(in oklab,var(--shop-accent) 60%,transparent)}.shop-scroll{flex:1;overflow-y:auto;padding:6px 16px 28px}.shop-scroll::-webkit-scrollbar{width:0}.shop-sec{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--shop-soft);margin:18px 6px 11px;display:flex;align-items:center;gap:9px;white-space:nowrap}.shop-sec .line{flex:1;height:1px;background:var(--shop-line)}.shoprow{display:flex;align-items:center;gap:15px;padding:16px;border-radius:18px;min-height:72px;background:var(--shop-surface);border:1px solid var(--shop-line);cursor:pointer;transition:transform .14s var(--ease),opacity .3s,background .2s;margin-bottom:11px}.shoprow:active{transform:scale(.98)}.shoprow .check{width:32px;height:32px;flex:none;border-radius:50%;border:2.5px solid var(--shop-line);display:grid;place-items:center;color:transparent;transition:all .25s var(--ease-spring)}.shoprow .body{flex:1;min-width:0}.shoprow .name-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.shoprow .name{font-weight:650;font-size:18px;letter-spacing:-.01em}.shoprow .desc{font-size:13px;color:var(--shop-soft);margin-top:2px}.shoprow .q{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--shop-accent);flex:none}.shoprow.done{background:transparent;border-color:transparent}.shoprow.done .name{text-decoration:line-through;color:var(--shop-soft)}.shoprow.done .q{color:var(--shop-soft)}.shoprow.done .check{background:var(--shop-accent);border-color:var(--shop-accent);color:var(--shop-canvas)}.shoprow.upd{border-color:color-mix(in oklab,var(--shop-accent) 50%,var(--shop-line))}.shoprow .upd-badge{background:color-mix(in oklab,var(--shop-accent) 18%,transparent);color:var(--shop-accent)}.shoprow .upd-badge .dot{background:var(--shop-accent)}.shoprow.done.upd .name{text-decoration-color:var(--shop-soft)}.shop-done-banner{text-align:center;padding:40px 20px;animation:pop .5s var(--ease-spring)}.shop-done-banner .ic{width:72px;height:72px;border-radius:50%;background:var(--shop-accent);color:var(--shop-canvas);display:grid;place-items:center;margin:0 auto 16px;box-shadow:0 0 40px color-mix(in oklab,var(--shop-accent) 50%,transparent)}.shop-done-banner h3{font-family:var(--font-display);font-weight:700;font-size:24px;margin:0 0 6px}.shop-done-banner p{color:var(--shop-soft);margin:0}.empty{text-align:center;padding:50px 24px}.empty .ic{width:74px;height:74px;border-radius:24px;background:var(--surface-3);color:var(--muted);display:grid;place-items:center;margin:0 auto 18px}.empty h3{font-family:var(--font-display);font-weight:700;font-size:19px;margin:0 0 6px}.empty p{color:var(--text-soft);font-size:14.5px;margin:0 auto;max-width:240px;line-height:1.5}.divider-or{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px;font-weight:600;margin:4px 0}.divider-or:before,.divider-or:after{content:"";flex:1;height:1px;background:var(--line)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.link{color:var(--primary);font-weight:650;cursor:pointer;text-decoration:none}.fadeitem{animation:fadeUp .4s var(--ease) both}.flash{animation:flash 1.4s var(--ease)}@keyframes flash{0%,to{background:var(--surface)}30%{background:var(--primary-soft)}}.bnumpop{display:inline-block;animation:numpop .4s var(--ease-spring)}@keyframes numpop{0%{transform:scale(1.3);opacity:.6}to{transform:scale(1);opacity:1}}