:root{--fg: #131517;--muted: #6e7074;--faint: #a7a9ad;--bg: #fafafa;--surface: #ffffff;--soft: #f3f3f4;--soft-2: #ebebec;--line: rgba(19, 21, 23, .08);--line-strong: rgba(19, 21, 23, .14);--glass-strong: #ffffff;--danger: #d23a2c;--danger-soft: #fdf1ef;--ok: #17864a;--ok-soft: #ecf7f0;--warn: #b97800;--warn-soft: #fdf6e3;--info: #1665b5;--info-soft: #eef5fd;--partial: #e0a400;--control-off: #dedee0;--space-4: 4px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-14: 14px;--space-16: 16px;--space-18: 18px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--radius-full: 999px;--radius-xs: 6px;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(19, 21, 23, .04);--shadow: 0 1px 2px rgba(19, 21, 23, .04), 0 4px 16px -4px rgba(19, 21, 23, .06);--shadow-lg: 0 2px 6px rgba(19, 21, 23, .06), 0 24px 56px -12px rgba(19, 21, 23, .18);--font: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono: "Geist Mono", ui-monospace, monospace;--emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--pad: 20px;--nav-h: 60px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--dur-quick: .12s;--dur: .2s;--dur-slow: .36s}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg)}body{font-family:var(--font);font-size:15px;line-height:1.5;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}a{color:inherit}img{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}p{margin:0}::selection{background:#1315171f}:focus-visible{outline:2px solid var(--fg);outline-offset:2px;border-radius:6px}.display{font-size:44px;line-height:1.04;letter-spacing:-.04em;font-weight:600;margin:0;text-wrap:balance}.h1{font-size:26px;line-height:1.15;letter-spacing:-.03em;font-weight:600;margin:0;text-wrap:balance}.h2{font-size:19px;line-height:1.3;letter-spacing:-.02em;font-weight:600;margin:0}.h3{font-size:15px;line-height:1.4;letter-spacing:-.012em;font-weight:600;margin:0}.lead{font-size:17px;line-height:1.6;color:var(--muted);margin:0;text-wrap:pretty}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:14px;line-height:1.5}.tiny{font-size:12px;line-height:1.45}.label{font-size:13px;font-weight:500;color:var(--muted);margin:0;letter-spacing:-.003em}.mono{font-family:var(--mono);letter-spacing:0}.num{font-variant-numeric:tabular-nums}.strike{text-decoration:line-through}@media (min-width: 720px){.display{font-size:68px}.h1{font-size:32px}.h2{font-size:20px}}.wrap{width:100%;max-width:600px;margin:0 auto;padding:0 var(--pad)}.wrap-wide{width:100%;max-width:1120px;margin:0 auto;padding:0 var(--pad)}.stack>*+*{margin-top:var(--gap, 16px)}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.grow{flex:1;min-width:0}.center{text-align:center}.gap-8{--gap: 8px}.gap-12{--gap: 12px}.gap-16{--gap: 16px}.gap-24{--gap: 24px}.gap-32{--gap: 32px}.gap-48{--gap: 48px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-40{margin-top:40px}.py-40{padding-top:40px;padding-bottom:40px}.hr{height:1px;background:var(--line);border:0;margin:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 720px){.grid-3{grid-template-columns:repeat(3,1fr)}}@media (max-width: 959px){.desk-only{display:none!important}}@media (min-width: 960px){.mobile-only{display:none!important}}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:var(--fg);color:#fff;height:44px;padding:0 18px;border-radius:var(--radius-sm);font-weight:500;font-size:15px;letter-spacing:-.01em;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),transform var(--dur-quick) var(--ease-out),opacity var(--dur)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn.ghost{background:var(--soft);color:var(--fg)}.btn.sm{height:34px;padding:0 12px;font-size:14px;border-radius:9px;gap:6px}.btn.block{width:100%}.btn.danger{background:var(--danger-soft);color:var(--danger)}.btn.invert{background:#fff;color:var(--fg)}.btn svg{width:16px;height:16px;flex:none}@media (hover: hover){.btn:not(.ghost):not(.danger):not(.invert):not(:disabled):hover{background:#2c2e31}.btn.ghost:not(:disabled):hover{background:var(--soft-2)}.btn.danger:hover{background:#fbe3df}.btn.invert:hover{background:#f0f0f1}}@media (min-width: 960px){.btn{height:40px;font-size:14px}.btn.sm{height:32px;font-size:13px}}.link{background:none;border:0;padding:0;cursor:pointer;color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong);transition:text-decoration-color var(--dur)}.link:hover{text-decoration-color:currentColor}.icon-btn{position:relative;width:36px;height:36px;border-radius:var(--radius-sm);border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--muted);transition:background-color var(--dur) var(--ease-out),transform var(--dur-quick) var(--ease-out);flex:none}.icon-btn svg{width:18px;height:18px}.icon-btn:active{transform:scale(.94)}.icon-btn:disabled{opacity:.35;cursor:default}@media (hover: hover){.icon-btn:not(:disabled):hover{background:var(--soft);color:var(--fg)}}.icon-btn .dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px var(--bg)}.field{display:block}.field>span{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;margin-bottom:8px}.field>small{display:block;font-size:13px;color:var(--muted);margin-top:8px;line-height:1.45}.input,.select,.textarea{width:100%;height:44px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);outline:none;font-size:16px;transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}@media (min-width: 960px){.input,.select,.textarea{height:40px;font-size:15px}}.textarea{height:auto;min-height:96px;padding:10px 14px;resize:vertical;line-height:1.5}.input:hover,.select:hover,.textarea:hover{border-color:#13151738}.input:focus,.select:focus,.textarea:focus{border-color:var(--fg);box-shadow:0 0 0 3px #13151712}.input:disabled{background:var(--soft);color:var(--muted)}.input::placeholder,.textarea::placeholder{color:var(--faint)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236e7074' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.select.sm{height:34px;width:auto;font-size:13px;padding:0 30px 0 12px;border-radius:9px;background-position:right 10px center}.prefix{display:flex;align-items:center;border:1px solid var(--line-strong);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface);transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.prefix:focus-within{border-color:var(--fg);box-shadow:0 0 0 3px #13151712}.prefix>em{font-style:normal;color:var(--muted);padding-left:14px;white-space:nowrap;font-size:15px}.prefix>.input{border:0;padding-left:4px;box-shadow:none;height:42px}@media (min-width: 960px){.prefix>.input{height:38px}}.input.time{width:104px;height:38px;padding:0 10px;font-size:15px}.check{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch{position:relative;width:40px;height:24px;flex:none}.switch input{opacity:0;width:0;height:0;position:absolute}.switch i{position:absolute;top:0;right:0;bottom:0;left:0;background:#dedee0;border-radius:999px;transition:background-color var(--dur) var(--ease-out)}.switch i:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000002e;transition:transform var(--dur-slow) var(--ease-spring)}.switch input:checked+i{background:var(--fg)}.switch input:checked+i:after{transform:translate(16px)}.switch input:focus-visible+i{outline:2px solid var(--fg);outline-offset:2px}.seg{position:relative;display:flex;padding:3px;background:var(--soft);border-radius:11px;gap:2px;overflow-x:auto;scrollbar-width:none;isolation:isolate}.seg::-webkit-scrollbar{display:none}.seg button{position:relative;z-index:1;flex:1 0 auto;border:0;background:none;height:32px;padding:0 12px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:var(--muted);white-space:nowrap;transition:color var(--dur) var(--ease-out)}.seg button:hover,.seg button.on{color:var(--fg)}.seg .seg-pill{position:absolute;z-index:0;top:3px;height:32px;border-radius:8px;background:var(--surface);box-shadow:0 1px 2px #13151714,0 0 0 .5px #1315170f;transition:transform var(--dur-slow) var(--ease-out),width var(--dur-slow) var(--ease-out)}.seg:not(.has-pill) button.on{background:var(--surface);box-shadow:var(--shadow-sm)}.seg-ico{display:inline-flex}.seg-ico .emo{font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{flex:0 0 auto;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);font-size:14px;color:var(--muted);cursor:pointer;white-space:nowrap;transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),transform var(--dur-quick) var(--ease-out)}.chips button:active{transform:scale(.96)}.chips button.on{background:var(--fg);color:#fff;border-color:var(--fg)}@media (hover: hover){.chips button:not(.on):hover{color:var(--fg);border-color:#13151747}}.seg-wrap{min-width:0}.qty{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:999px;height:34px;background:var(--surface)}.qty button{width:34px;height:32px;border:0;background:none;cursor:pointer;font-size:17px;color:var(--fg);border-radius:999px;transition:transform var(--dur-quick) var(--ease-out)}.qty button:active{transform:scale(.85)}.qty span{min-width:22px;text-align:center;font-weight:500;font-variant-numeric:tabular-nums}.qty span.bump{animation:bump var(--dur-slow) var(--ease-spring)}.qty.lg{height:44px}.qty.lg button{width:44px;height:42px}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.search{position:relative}.search .input{padding-left:40px}.search-ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);display:inline-flex;pointer-events:none;opacity:.7}.search-ico .emo{font-size:14px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:var(--surface);box-shadow:var(--shadow-sm)}.card.flat{background:var(--soft);border-color:transparent;box-shadow:none}.list{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm)}.list>*{padding:16px 20px;display:block;text-decoration:none;transition:background-color var(--dur-quick) var(--ease-out)}.list>*+*{border-top:1px solid var(--line)}.list>a:active,.list>button:active{background:var(--soft)}@media (hover: hover){.list>a:hover,.list>button:hover{background:#fbfbfb}}@media (min-width: 960px){.card{padding:24px}.list>*{padding:16px 24px}}.pill{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:500;background:var(--soft);color:var(--fg);white-space:nowrap}.pill.dark{background:var(--fg);color:#fff}.pill.line{background:var(--surface);border:1px solid var(--line-strong)}.alert{padding:12px 14px;border-radius:var(--radius-sm);background:var(--soft);font-size:14px;animation:rise var(--dur) var(--ease-out)}.alert.err{background:var(--danger-soft);color:var(--danger);animation:shake .36s var(--ease-out)}.thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);background:var(--soft)}.thumb.ph{display:grid;place-items:center;color:var(--faint);font-size:26px;font-weight:600}.lift{transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur)}@media (hover: hover){.lift:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line-strong)}}.avatar{width:36px;height:36px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-weight:600;font-size:14px;flex:none;color:var(--muted)}.codes{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-family:var(--mono);font-size:15px}.codes span{background:var(--soft);padding:10px;border-radius:8px;text-align:center}.empty{display:grid;justify-items:center;gap:12px;text-align:center;padding:56px 24px;border-radius:var(--radius);border:1px dashed var(--line-strong);background:transparent}.empty-ico{width:48px;height:48px;border-radius:14px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;box-shadow:var(--shadow-sm)}.empty-ico .emo{font-size:22px}.info-row{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--radius-sm);background:var(--soft)}.info-row>.emo{width:36px;height:36px;border-radius:9px;background:var(--surface);border:1px solid var(--line);font-size:16px}.logo{font-weight:650;letter-spacing:-.045em;font-size:19px;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.logo .logo-mark{flex:none;transition:transform var(--dur-slow) var(--ease-spring)}.logo:hover .logo-mark{transform:rotate(-10deg)}.logo-mark{filter:drop-shadow(0 0 .6px rgba(19,21,23,.35))}.badge-made{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:inherit;opacity:.6;text-decoration:none;padding:6px 12px;border-radius:999px;transition:opacity var(--dur) var(--ease-out)}.badge-made:hover{opacity:1}.topbar{position:sticky;top:0;z-index:30;background:#fafafacc;backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid transparent;transition:border-color var(--dur)}.topbar .inner{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:12px}.landing .topbar{background:#ffffffd1;border-bottom-color:var(--line)}.shell{min-height:100vh}.appnav{position:sticky;top:0;z-index:30;background:#fafafad1;backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid var(--line)}.appnav .inner{height:var(--nav-h);display:flex;align-items:center;gap:16px;max-width:1240px;margin:0 auto;padding:0 24px}.appnav-links{display:none}.appnav-right{margin-left:auto;display:flex;align-items:center;gap:4px}.nav-shop{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;padding:4px 10px 4px 4px;border-radius:10px;transition:background-color var(--dur)}.nav-shop:hover{background:var(--soft)}.shop-av{width:30px;height:30px;border-radius:8px;object-fit:cover;flex:none;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-weight:600;font-size:13px;color:var(--muted);overflow:hidden}.shop-av img{width:100%;height:100%;object-fit:cover}.shop-av.is-emoji{font-size:17px}.plan-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;background:var(--soft);font-size:12px;font-weight:500;text-decoration:none;color:var(--muted);white-space:nowrap;transition:background-color var(--dur),color var(--dur)}.plan-chip:hover{color:var(--fg);background:var(--soft-2)}.plan-chip.biz{background:var(--fg);color:#fff}.plan-chip.hot{background:var(--danger-soft);color:var(--danger)}.plan-chip .meter{width:36px;height:4px}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;padding:6px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);z-index:60;animation:menu-in var(--dur) var(--ease-out);transform-origin:top right}.menu a,.menu button{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 10px;border:0;border-radius:8px;background:none;text-decoration:none;font-size:14px;cursor:pointer;text-align:left;color:var(--fg)}.menu a:hover,.menu button:hover{background:var(--soft)}.menu .emo{font-size:14px}.menu-head{padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:6px}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.av-btn{width:34px;height:34px;border-radius:50%;border:0;padding:0;cursor:pointer;background:var(--soft);display:grid;place-items:center;font-weight:600;font-size:13px;color:var(--muted);transition:box-shadow var(--dur)}.av-btn:hover{box-shadow:0 0 0 3px var(--soft-2)}@media (min-width: 960px){.appnav-links{position:relative;display:flex;align-items:center;gap:2px;margin-left:8px}.appnav-links a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;border-radius:9px;font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;transition:color var(--dur) var(--ease-out)}.appnav-links a .emo{font-size:14px;filter:grayscale(1);opacity:.7;transition:filter var(--dur),opacity var(--dur)}.appnav-links a:hover,.appnav-links a.active{color:var(--fg)}.appnav-links a.active .emo,.appnav-links a:hover .emo{filter:none;opacity:1}.nav-pill{position:absolute;top:50%;height:34px;margin-top:-17px;left:0;border-radius:9px;background:var(--soft-2);transition:transform var(--dur-slow) var(--ease-out),width var(--dur-slow) var(--ease-out)}}@media (max-width: 1100px) and (min-width: 960px){.appnav-links a .emo,.nav-shop .shop-name{display:none}}.main{padding:20px var(--pad) 120px;max-width:600px;margin:0 auto}@media (min-width: 960px){.main{max-width:1240px;padding:40px 24px 96px}.main.bleed{max-width:none;padding:0}}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#ffffffe6;backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar .inner{display:grid;grid-template-columns:repeat(5,1fr);max-width:600px;margin:0 auto}.tabbar a{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 0 7px;font-size:11px;color:var(--muted);text-decoration:none;font-weight:500;transition:color var(--dur) var(--ease-out)}.tabbar a .emo{font-size:20px;filter:grayscale(1);opacity:.55;transition:filter var(--dur),opacity var(--dur),transform var(--dur-slow) var(--ease-spring)}.tabbar a.active{color:var(--fg)}.tabbar a.active .emo{filter:none;opacity:1;transform:translateY(-1px)}.tabbar a:active .emo{transform:scale(.88)}.usage-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--soft);text-decoration:none;margin-bottom:20px}.usage-banner.hot{background:var(--danger-soft);color:var(--danger)}.meter{height:4px;border-radius:4px;background:#1315171a;overflow:hidden}.meter i{display:block;height:100%;border-radius:4px;background:var(--fg);transform-origin:left;animation:meter-in .9s var(--ease-out) both}.plan-chip.hot .meter i{background:var(--danger)}@keyframes meter-in{0%{transform:scaleX(0)}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-head .back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:14px;margin-bottom:12px;transition:color var(--dur) var(--ease-out)}.page-head .back:hover{color:var(--fg)}.page-head .back .emo{font-size:12px}.page-head .sub{margin:6px 0 0;color:var(--muted);font-size:15px}.page-head .actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}@media (min-width: 960px){.page-head{margin-bottom:32px}}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (min-width: 960px){.stats{grid-template-columns:repeat(3,1fr);gap:16px}}.stat{padding:16px 18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.stat .h2{margin-top:6px;font-size:22px;letter-spacing:-.03em}.stat .h2+p{margin-top:2px!important}@media (min-width: 960px){.stat{padding:20px 24px}.stat .h2{font-size:26px}}.toolbar{display:grid;gap:12px}@media (min-width: 960px){.toolbar{grid-template-columns:320px 1fr;align-items:center}.toolbar .seg{justify-self:end}}.split{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}@media (min-width: 960px){.split{grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.split>.aside{position:sticky;top:calc(var(--nav-h) + 24px)}.split.wide-left{grid-template-columns:320px minmax(0,1fr)}.split.billing{grid-template-columns:minmax(0,1fr) 400px}}@media (max-width: 959px){.split.wide-left>.aside{max-width:240px}}.form-cards{display:grid;gap:0;max-width:1000px}.form-card{display:grid;gap:16px;padding:28px 0;border-top:1px solid var(--line)}.form-card:first-child{border-top:0;padding-top:0}.fc-head h2{margin:0}.fc-head p{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.fc-body{display:grid;gap:20px;min-width:0;padding:20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}@media (min-width: 960px){.form-card{grid-template-columns:280px minmax(0,1fr);gap:40px;padding:40px 0}.form-card>.fc-head{position:sticky;top:calc(var(--nav-h) + 32px);align-self:start}.fc-body{padding:28px}}.plan-link{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius);text-decoration:none;background:var(--surface);border:1px solid var(--line)}.plan-link.biz{background:var(--fg);color:#fff;border-color:var(--fg)}.plan-link.biz .muted{color:#ffffffb3}.upsell{display:flex;align-items:center;gap:14px;text-decoration:none}.upsell-ico{width:40px;height:40px;border-radius:10px;background:var(--soft);display:grid;place-items:center;flex:none}.upsell-ico .emo{font-size:18px}.savebar{position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:35;display:flex;align-items:center;gap:8px;padding:12px var(--pad);max-width:600px;margin:0 auto;transform:translateY(140%);opacity:0;pointer-events:none;transition:transform var(--dur-slow) var(--ease-out),opacity var(--dur) var(--ease-out)}.savebar.show{transform:none;opacity:1;pointer-events:auto}.savebar .btn{box-shadow:var(--shadow-lg)}.savebar .btn:last-child{flex:1}.savebar.settings{z-index:36}@media (min-width: 960px){.savebar.settings{bottom:24px;max-width:520px;padding:8px 8px 8px 20px;border-radius:14px;background:#131517f0;color:#fff;box-shadow:var(--shadow-lg)}.savebar.settings:before{content:"Ada perubahan yang belum disimpan";flex:1;font-size:14px;color:#ffffffbf}.savebar.settings .btn{box-shadow:none;flex:0 0 auto}.savebar.settings .btn.ghost{background:#ffffff1f;color:#fff}.savebar.settings .btn:not(.ghost){background:#fff;color:var(--fg)}}.order-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"who total" "who status";align-items:center;column-gap:12px;row-gap:6px}.order-row .o-who{grid-area:who;display:flex;align-items:center;gap:12px;min-width:0}.order-row .o-total{grid-area:total;font-weight:600;text-align:right}.order-row .o-status{grid-area:status;text-align:right}.order-row .o-time,.order-row .o-pay{display:none}@media (min-width: 960px){.order-row{grid-template-columns:minmax(0,2.2fr) 1fr 1fr 1fr 120px;grid-template-areas:none;padding:14px 24px!important}.order-row>*{grid-area:auto!important}.order-row .o-time,.order-row .o-pay{display:flex;align-items:center;gap:8px}.order-row .o-status{text-align:left}.order-row.head{font-size:12px;font-weight:500;color:var(--muted);padding-top:10px!important;padding-bottom:10px!important;background:#fbfbfb}}.status-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:6px;font-size:12px;font-weight:500;background:var(--soft);color:var(--fg)}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.status-pill.s-baru{background:#131517;color:#fff}.status-pill.s-diproses{background:var(--warn-soft);color:var(--warn)}.status-pill.s-dikirim{background:var(--info-soft);color:var(--info)}.status-pill.s-selesai{background:var(--ok-soft);color:var(--ok)}.status-pill.s-batal{background:var(--danger-soft);color:var(--danger)}.pay-dot{width:7px;height:7px;border-radius:50%;background:var(--faint);flex:none}.pay-dot.p-dp{background:var(--partial)}.pay-dot.p-lunas{background:var(--ok)}.nudge{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border-radius:var(--radius-sm);background:var(--info-soft)}.pgrid{display:grid;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.pcard{position:relative;display:flex;align-items:center;gap:12px;padding:12px 16px;transition:opacity var(--dur) var(--ease-out),background-color var(--dur-quick) var(--ease-out)}.pcard+.pcard{border-top:1px solid var(--line)}.pcard.off .pcard-link{opacity:.45}.pcard-link{display:flex;align-items:center;gap:14px;flex:1;min-width:0;text-decoration:none;transition:opacity var(--dur) var(--ease-out)}.pcard-photo{position:relative;width:56px;height:56px;border-radius:10px;overflow:hidden;background:var(--soft);flex:none}.pcard-photo img,.pcard-photo .ph{width:100%;height:100%;object-fit:cover;display:grid;place-items:center;font-weight:600;color:var(--faint);transition:transform var(--dur-slow) var(--ease-out)}.pcard-tag{position:absolute;left:6px;top:6px;height:20px;font-size:11px;padding:0 6px}.pcard-body{flex:1;min-width:0;display:grid;gap:2px}.pcard-switch{flex:none}@media (hover: hover){.pcard:hover{background:#fbfbfb}}@media (min-width: 960px){.pgrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;border:0;background:none;box-shadow:none;overflow:visible}.pcard{flex-direction:column;align-items:stretch;padding:0;border:1px solid var(--line)!important;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur),opacity var(--dur)}.pcard:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line-strong)!important;background:var(--surface)}.pcard:hover .pcard-photo img{transform:scale(1.03)}.pcard-link{flex-direction:column;align-items:stretch;gap:0}.pcard-photo{width:100%;height:auto;aspect-ratio:4 / 3;border-radius:0}.pcard-photo .ph{font-size:36px}.pcard-tag{left:12px;top:12px}.pcard-body{padding:14px 16px 16px;gap:4px}.pcard-switch{position:absolute;right:12px;top:12px;padding:4px;border-radius:999px;background:#ffffffeb;box-shadow:var(--shadow-sm)}}.photo-drop{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius);border:1px dashed var(--line-strong);background:var(--surface);color:var(--muted);display:grid;place-items:center;cursor:pointer;overflow:hidden;padding:0;transition:border-color var(--dur) var(--ease-out),background-color var(--dur)}.photo-drop:hover{border-color:var(--fg);background:#fcfcfc}.photo-drop img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}.photo-drop:hover img{transform:scale(1.02)}.photo-change{position:absolute;left:50%;bottom:12px;transform:translate(-50%);background:#131517c7;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;font-weight:500;padding:6px 12px;border-radius:999px;white-space:nowrap}.upload-drop{width:100%;height:112px;border-radius:var(--radius);border:1px dashed var(--line-strong);background:var(--surface);color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:14px;transition:border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.upload-drop:hover{border-color:var(--fg);color:var(--fg)}.opt-edit{display:grid;gap:12px;padding:16px;border-radius:var(--radius-sm);background:var(--soft)}.opt-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 36px;gap:8px;align-items:center}.opt-edit .pill{cursor:pointer;border:0;height:30px;padding:0 12px;border-radius:8px;background:var(--surface)}.opt-edit .pill.dark{background:var(--fg)}.opt-edit .pill.line{border:1px solid var(--line-strong)}.hours{display:grid}.hours-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;border-bottom:1px solid var(--line)}.hours-row:last-child{border-bottom:0}.link-row{display:grid;grid-template-columns:1fr;gap:8px;padding:12px;border-radius:var(--radius-sm);background:var(--soft);position:relative}.link-row .icon-btn{position:absolute;right:12px;top:12px}.link-row .input:first-child{padding-right:56px}@media (min-width: 960px){.link-row{grid-template-columns:1fr 1.3fr 36px;padding:0;background:none}.link-row .icon-btn{position:static}.link-row .input:first-child{padding-right:14px}}.cust-row{display:flex;align-items:center;gap:12px}@media (max-width: 959px){.cust-row .select.sm{display:none}}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kpis>.stat:first-child{grid-column:1 / -1}@media (min-width: 960px){.kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.kpis>.stat:first-child{grid-column:auto}}.kpi .h2{font-size:24px}.delta{margin:4px 0 0;font-size:12px;font-weight:600}.delta.up{color:var(--ok)}.delta.down{color:var(--danger)}.delta .muted{font-weight:400}.panels{display:grid;gap:12px}@media (min-width: 960px){.panels{grid-template-columns:1fr 1fr;gap:16px}}.panel{position:relative;padding:20px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);min-width:0}@media (min-width: 960px){.panel{padding:24px}}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}.chart{position:relative;-webkit-user-select:none;user-select:none;--n: 1}.chart-plot{position:relative;height:200px;padding-left:44px}.chart.compact .chart-plot{height:140px}.chart-grid{position:absolute;left:44px;right:0;height:0;border-top:1px dashed var(--line)}.chart-grid em{position:absolute;left:-46px;top:-8px;width:40px;white-space:nowrap;text-align:right;font-style:normal;font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}.chart-bars{position:absolute;top:0;right:0;bottom:0;left:44px;display:grid;grid-template-columns:repeat(var(--n),1fr);align-items:end;border-bottom:1px solid var(--line-strong)}.chart-col{height:100%;display:flex;align-items:flex-end;justify-content:center;padding:0 1px;border:0;background:none;cursor:pointer}.chart-col i{display:block;width:100%;max-width:24px;min-height:2px;background:var(--fg);border-radius:3px 3px 0 0;transform-origin:bottom;animation:grow .7s var(--ease-out) both;animation-delay:calc(min(var(--i, 0),30)*16ms);transition:opacity var(--dur) var(--ease-out)}.chart-col i.zero{background:var(--line-strong)}.chart-col.dim i{opacity:.25}.chart-tip{position:absolute;top:4px;transform:translate(-50%);z-index:3;display:grid;gap:2px;padding:8px 12px;border-radius:10px;background:#131517f0;color:#fff;font-size:12px;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-lg);animation:tip-in var(--dur) var(--ease-out);max-width:220px}.chart-tip .muted{color:#ffffffa6}.chart-x{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));margin-left:44px;margin-top:8px;font-size:11px;color:var(--faint)}.chart-x span{display:flex;justify-content:center;white-space:nowrap;min-width:0}@keyframes grow{0%{transform:scaleY(0)}}@keyframes tip-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}}.hbars{display:grid;gap:16px}.hbar{display:grid;gap:6px}.hbar-track{height:6px;border-radius:6px;background:var(--soft);overflow:hidden}.hbar-track i{display:block;height:100%;min-width:2px;border-radius:6px;background:var(--fg);transform-origin:left;animation:meter-in .8s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 60ms)}.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-kpis .h2{margin-top:6px}.panel.locked{overflow:hidden;min-height:240px}.locked-blur{filter:blur(6px);opacity:.5;pointer-events:none}.fake-bars{display:flex;align-items:flex-end;gap:6px;height:110px}.fake-bars i{flex:1;background:var(--fg);border-radius:3px 3px 0 0}.locked-cta{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;padding:24px;background:linear-gradient(180deg,#ffffff4d,#ffffffd9)}.board{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:12px;align-items:start}.col{display:flex;flex-direction:column;min-height:60vh;max-height:calc(100vh - 280px);border-radius:var(--radius);background:#f1f1f2;border:1px solid transparent;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.board.is-dragging .col{border-color:var(--line);border-style:dashed}.col.over{background:#e9e9eb;border-color:var(--fg)!important}.col-head{display:flex;align-items:center;gap:8px;padding:14px 14px 10px;font-size:14px}.col-dot{width:7px;height:7px;border-radius:50%;background:var(--faint)}.col-dot.d-baru{background:var(--fg)}.col-dot.d-diproses{background:#e0a400}.col-dot.d-dikirim{background:var(--info)}.col-dot.d-selesai{background:var(--ok)}.col-count{margin-left:auto;min-width:22px;height:20px;padding:0 7px;border-radius:6px;background:#1315170f;font-size:12px;font-weight:600;color:var(--muted);display:grid;place-items:center}.col-body{display:grid;gap:8px;padding:2px 8px 10px;overflow-y:auto;align-content:start;scrollbar-width:thin}.col-empty{display:grid;place-items:center;height:88px;border-radius:10px;border:1px dashed var(--line-strong)}.kcard{position:relative;display:grid;gap:10px;padding:14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);cursor:grab;animation:rise var(--dur-slow) var(--ease-out) both;animation-delay:calc(min(var(--i, 0),10)*25ms);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur),opacity var(--dur) var(--ease-out)}.kcard:hover{box-shadow:var(--shadow);border-color:var(--line-strong)}.kcard:active{cursor:grabbing}.kcard.lifted{opacity:.4;transform:scale(.98)}.kcard.fresh{animation:fresh 1.4s var(--ease-out) 3}@keyframes fresh{0%,to{box-shadow:0 0 #17864a00}40%{box-shadow:0 0 0 3px #17864a59}}.kcard-top .tiny{font-size:11.5px}.kcard-name{font-weight:600;font-size:15px;letter-spacing:-.015em;text-decoration:none}.kcard-name:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--faint)}.kcard-lines{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:13px}.kcard-lines b{font-weight:600}.kcard-lines em{font-style:normal;color:var(--muted)}.kcard-note{margin:0;padding:8px 10px;border-radius:8px;background:var(--warn-soft);color:#6a4b00}.kcard-meta{display:flex;flex-wrap:wrap;gap:6px}.kchip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 7px;border-radius:6px;background:var(--soft);font-size:11.5px;color:var(--muted)}.kchip .emo{font-size:11px}.kcard-foot{padding-top:10px;border-top:1px solid var(--line)}.kcard-next{height:30px;border-radius:8px;border:0;background:var(--soft);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;max-height:0;margin-top:-10px;opacity:0;overflow:hidden;transition:opacity var(--dur) var(--ease-out),max-height var(--dur) var(--ease-out),margin var(--dur) var(--ease-out),background-color var(--dur)}.kcard:hover .kcard-next,.kcard:focus-within .kcard-next{max-height:30px;margin-top:0;opacity:1}.kcard-next:hover{background:var(--fg);color:#fff}.cancel-zone{position:fixed;left:0;right:0;margin:0 auto;width:min(640px,calc(100% - 48px));bottom:24px;z-index:40;height:60px;border-radius:14px;border:1px dashed #e6a6a2;background:#fdf1eff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--danger);display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:500;transform:translateY(140%);opacity:0;pointer-events:none;transition:transform var(--dur-slow) var(--ease-out),opacity var(--dur) var(--ease-out),background-color var(--dur)}.cancel-zone.show{transform:none;opacity:1;pointer-events:auto}.cancel-zone.over{background:#fbdcd8;border-style:solid}.moved-bar{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 18px;border-radius:14px;background:#131517f2;color:#fff;box-shadow:var(--shadow-lg);animation:toast-in var(--dur-slow) var(--ease-out);white-space:nowrap}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#1315175c;z-index:50;animation:fade var(--dur) var(--ease-out)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:51;color:var(--fg);background:var(--surface);border-radius:20px 20px 0 0;max-height:92vh;overflow-y:auto;animation:sheet-up var(--dur-slow) var(--ease-out);padding-bottom:env(safe-area-inset-bottom);box-shadow:var(--shadow-lg);overscroll-behavior:contain}.sheet.closing{animation:sheet-down var(--dur) var(--ease-in-out) forwards}.sheet-bg.closing{animation:fade-out var(--dur) var(--ease-in-out) forwards}.sheet .grab{width:36px;height:4px;border-radius:4px;background:var(--line-strong);margin:8px auto 0}@media (min-width: 720px){.sheet{left:50%;right:auto;top:50%;bottom:auto;width:520px;max-height:min(86vh,820px);border-radius:20px;animation:modal-in var(--dur-slow) var(--ease-out);transform:translate(-50%,-50%)}.sheet .grab{display:none}.sheet.closing{animation:modal-out var(--dur) var(--ease-in-out) forwards}}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);background:#131517f2;color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;z-index:100;animation:toast-in var(--dur-slow) var(--ease-out);white-space:nowrap;box-shadow:var(--shadow-lg);display:inline-flex;align-items:center;gap:8px}.toast .emo{font-size:14px}@media (min-width: 960px){.toast{bottom:32px}}.spinner{width:20px;height:20px;border:2px solid var(--line-strong);border-top-color:var(--fg);border-radius:50%;animation:spin .7s linear infinite;margin:60px auto}.skeleton{background:linear-gradient(90deg,#f0f0f1,#f7f7f8,#f0f0f1);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius)}.page-enter{animation:page-in var(--dur-slow) var(--ease-out) both}.reveal{animation:rise var(--dur-slow) var(--ease-out) both;animation-delay:calc(min(var(--i, 0),12)*35ms)}.blur-in>span{display:inline-block;animation:blur-in .64s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 60ms)}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-down{to{transform:translateY(100%)}}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 12px)) scale(.98)}to{transform:translate(-50%,-50%)}}@keyframes modal-out{to{opacity:0;transform:translate(-50%,calc(-50% + 8px)) scale(.98)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes shake{0%,to{transform:none}20%{transform:translate(-5px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(1px)}}@keyframes blur-in{0%{opacity:0;filter:blur(8px);transform:translateY(6px)}to{opacity:1;filter:none;transform:none}}@keyframes float{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(3%,-4%,0) scale(1.06)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.04);opacity:1}to{transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.6}}.check-anim{width:64px;height:64px;border-radius:50%;background:var(--ok-soft);display:grid;place-items:center;animation:pop .5s var(--ease-spring) both}.check-anim .emo{font-size:30px}.ambient{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.ambient i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.45;animation:float 20s ease-in-out infinite;will-change:transform}.ambient i:nth-child(2){animation-duration:24s;animation-delay:-6s}.ambient i:nth-child(3){animation-duration:28s;animation-delay:-12s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.emo{display:inline-grid;place-items:center;flex:none;line-height:1;font-size:16px;width:1.25em;height:1.25em;font-family:var(--emoji);font-style:normal;font-weight:400;letter-spacing:0}.btn .emo{font-size:15px}.btn.sm .emo{font-size:13px}.icon-btn .emo{font-size:17px}.is-emoji{font-family:var(--emoji);line-height:1;font-weight:400}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px}.emoji-grid button{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:42px;border-radius:10px;border:1px solid transparent;background:var(--soft);font-size:21px;line-height:1;cursor:pointer;font-family:var(--emoji);transition:transform var(--dur-quick) var(--ease-out),background-color var(--dur),border-color var(--dur)}.emoji-grid button:active{transform:scale(.9)}.emoji-grid button.on{background:var(--surface);border-color:var(--fg);box-shadow:0 0 0 3px #13151712}@media (hover: hover){.emoji-grid button:not(.on):hover{background:var(--soft-2)}}.thumb.ph.avatar-emoji{width:64px;height:64px;border-radius:14px;font-size:32px;line-height:1;font-family:var(--emoji);background:var(--soft)}.landing{overflow-x:clip;background:#fff}.hero{position:relative;padding:56px 0 64px}.hero:before{content:"";position:absolute;inset:0 0 auto;height:560px;background:radial-gradient(60% 70% at 70% 0%,rgba(255,214,190,.45),transparent 70%),radial-gradient(50% 60% at 15% 10%,rgba(214,220,255,.45),transparent 70%);pointer-events:none}.hero-inner{position:relative;z-index:1;display:grid;gap:56px;align-items:center}@media (min-width: 900px){.hero{padding:96px 0 104px}.hero-inner{grid-template-columns:1.15fr 1fr}}.hero-copy .lead{max-width:520px}.section{padding-top:56px;padding-bottom:56px}@media (min-width: 900px){.section{padding-top:88px;padding-bottom:88px}}.sec-head{max-width:640px}.sec-head .label{margin-bottom:12px}.rotator{display:inline-grid;vertical-align:bottom;color:var(--fg);font-weight:500}.rotator-word{display:inline-block;animation:word-in .48s var(--ease-out) both}@keyframes word-in{0%{opacity:0;transform:translateY(50%);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.phone-wrap{display:grid;justify-items:center;gap:20px}.phone{position:relative;overflow:hidden;width:284px;border-radius:40px;padding:26px 16px 18px;box-shadow:0 0 0 7px #131517,0 0 0 8px #2c2e31,0 40px 80px -24px #13151759;transition:background-color .6s var(--ease-out),color .6s var(--ease-out),transform var(--dur-slow) var(--ease-out);will-change:transform}.phone .ambient i{filter:blur(30px)}.phone-logo{width:44px;height:44px;border-radius:12px;border:1px solid;display:grid;place-items:center;font-weight:700;transition:background-color .6s var(--ease-out)}.phone-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;border:1px solid;transition:background-color .6s var(--ease-out),border-color .6s var(--ease-out)}.phone-photo{width:40px;height:40px;border-radius:9px;flex:none}.phone-qty{min-width:26px;height:26px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:600;transition:background-color .6s var(--ease-out)}.phone-add{font-size:11px;border:1px solid;border-radius:999px;padding:3px 9px}.phone-cta{margin-top:14px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:13px;font-weight:600;transition:background-color .6s var(--ease-out)}.phone-themes{display:flex;align-items:center;gap:8px}.phone-themes button{width:20px;height:20px;border-radius:50%;border:0;cursor:pointer;box-shadow:0 0 0 1px var(--line-strong) inset;transition:transform var(--dur) var(--ease-spring),box-shadow var(--dur) var(--ease-out)}.phone-themes button.on{transform:scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--fg)}.step-n{width:28px;height:28px;border-radius:8px;background:var(--soft);color:var(--fg);display:grid;place-items:center;font-size:13px;font-weight:600}.feat-ico{width:40px;height:40px;border-radius:10px;background:var(--soft);display:grid;place-items:center}.feat-ico .emo{font-size:19px}.feat-grid{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line)}.feat-grid>div{padding:28px 0;border-bottom:1px solid var(--line);display:grid;gap:10px}@media (min-width: 720px){.feat-grid{grid-template-columns:repeat(2,1fr);column-gap:48px}}@media (min-width: 1000px){.feat-grid{grid-template-columns:repeat(4,1fr);column-gap:40px}}.message-demo{display:grid;gap:32px;padding:28px;align-items:center;background:#f6f6f7!important;border:0!important;box-shadow:none!important}@media (min-width: 900px){.message-demo{grid-template-columns:1fr 1fr;padding:56px;gap:56px}}.bubble{white-space:pre-wrap;background:#dcf8c6;color:#111b21;padding:16px 18px;border-radius:16px 16px 16px 4px;line-height:1.6;box-shadow:0 1px 1px #0000000f}.plan{padding:28px!important}.plan.dark{background:var(--fg);color:#fff;border-color:var(--fg)}.plan-check{width:18px;height:18px;display:grid;place-items:center;flex:none;margin-top:2px}.plan-check .emo{font-size:12px}.cta{position:relative;overflow:hidden;padding:72px 24px!important;background:var(--fg)!important;color:#fff;border:0!important}.cta .ambient i{opacity:.25}.site-foot{border-top:1px solid var(--line);padding-top:28px;padding-bottom:40px}.auth-brand{display:none}.auth-main{min-height:100vh;padding:24px var(--pad) 64px;background:#fff}.auth-form{max-width:400px;margin:0 auto}@media (min-width: 960px){.auth{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-brand{display:block;position:sticky;top:0;height:100vh;overflow:hidden;background:#131517;color:#fff}.auth-brand .logo-mark{filter:none}.auth-brand-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:40px 56px 56px;max-width:620px}.auth-quote{max-width:400px;animation:rise var(--dur-slow) .2s var(--ease-out) both}.auth-main{display:grid;align-items:center;padding:64px}.auth-form{width:100%}}.editor-canvas{display:none}.editor-panel{position:relative}.panel-scroll{padding:0}.preview-frame{border-radius:20px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.preview-bar{display:flex;align-items:center;gap:10px;height:36px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--surface)}.preview-bar>span:first-child{width:36px;height:6px;border-radius:6px;background:var(--line-strong);flex:none}.preview-scroll{height:460px;overflow-y:auto;overscroll-behavior:contain;position:relative;container-type:inline-size}.preview-scroll .store{padding-bottom:24px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;cursor:pointer;text-align:left}.theme-swatch{position:relative;display:block;aspect-ratio:4 / 5;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--line);transition:box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.theme-swatch i{position:absolute;width:80%;height:60%;border-radius:50%;filter:blur(16px);opacity:.7}.theme-swatch b{position:absolute;top:0;right:0;bottom:0;left:0}.theme-swatch em{position:absolute;left:10%;right:10%;bottom:22%;height:26%;border-radius:8px;border:1px solid;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 10%}.theme-swatch em u{display:block;height:5px;width:70%;border-radius:4px;opacity:.85}.theme-swatch s{position:absolute;left:10%;right:10%;bottom:8%;height:10%;border-radius:999px}.theme-card:active .theme-swatch{transform:scale(.97)}.theme-card.on .theme-swatch{box-shadow:0 0 0 2px var(--fg)}.theme-name{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:8px;font-size:13px;font-weight:500}.theme-name .lock{display:inline-flex}.theme-name .lock .emo{font-size:11px}.swatch{position:relative;width:36px;height:36px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;box-shadow:0 0 0 1px var(--line-strong) inset;transition:transform var(--dur) var(--ease-spring),box-shadow var(--dur) var(--ease-out)}.swatch svg{width:16px;height:16px}.swatch.on{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--fg)}.swatch:active{transform:scale(.92)}.swatch.custom{background:var(--soft);overflow:hidden}.swatch.custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.swatch .emo{font-size:15px}@media (min-width: 960px){.editor{display:grid;grid-template-columns:minmax(0,1fr) 440px;height:calc(100vh - var(--nav-h) - 1px)}.editor-canvas{display:flex;flex-direction:column;min-width:0;background-color:#f1f1f2;background-image:radial-gradient(rgba(19,21,23,.07) 1px,transparent 1.2px);background-size:20px 20px;border-right:1px solid var(--line)}.canvas-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px}.canvas-bar>.small{max-width:40%}.canvas-bar .seg{flex:none}.canvas-bar .seg button{flex:0 0 auto}.canvas-stage{flex:1;min-height:0;display:grid;place-items:center;padding:4px 32px 32px}.device{position:relative;background:#131517;box-shadow:var(--shadow-lg);transition:width var(--dur-slow) var(--ease-out),height var(--dur-slow) var(--ease-out),border-radius var(--dur-slow) var(--ease-out),padding var(--dur-slow) var(--ease-out)}.device.phone{width:380px;height:min(780px,calc(100vh - var(--nav-h) - 110px));border-radius:46px;padding:10px}.device.desktop{width:min(100%,1080px);height:calc(100vh - var(--nav-h) - 110px);border-radius:14px;padding:28px 6px 6px}.device.desktop:before{content:"";position:absolute;top:11px;left:14px;width:42px;height:7px;border-radius:7px;background:radial-gradient(circle at 3.5px 3.5px,#ff5f57 3.5px,transparent 4px),radial-gradient(circle at 21px 3.5px,#febc2e 3.5px,transparent 4px),radial-gradient(circle at 38.5px 3.5px,#28c840 3.5px,transparent 4px)}.device-screen{width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;border-radius:36px;background:#fff;container-type:inline-size;scrollbar-width:none;transition:border-radius var(--dur-slow) var(--ease-out)}.device-screen::-webkit-scrollbar{display:none}.device.desktop .device-screen{border-radius:9px}.device-screen .store{min-height:100%;padding-bottom:32px}.editor-panel{display:flex;flex-direction:column;height:100%;background:var(--bg);min-height:0}.panel-scroll{flex:1;overflow-y:auto;padding:32px 32px 0;overscroll-behavior:contain}.panel-scroll .page-head{margin-bottom:28px}.editor-panel .savebar{position:sticky;bottom:0;left:auto;right:auto;max-width:none;margin:0;padding:14px 32px;background:#fafafae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(100%)}.editor-panel .savebar.show{transform:none}.editor-panel .savebar .btn{box-shadow:none}.editor-panel .savebar .btn:last-child{flex:0 0 auto}}.store{position:relative;min-height:100vh;background:var(--s-bg);color:var(--s-fg);padding-bottom:128px;overflow-x:clip;transition:background-color var(--dur-slow) var(--ease-out),color var(--dur-slow) var(--ease-out)}.store.preview{min-height:100%}.store .ambient i{opacity:.5}.store-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--s-pattern);background-size:var(--s-pattern-size);pointer-events:none;mask-image:linear-gradient(#000 0%,transparent 80%);-webkit-mask-image:linear-gradient(#000 0%,transparent 80%)}.store-inner{position:relative;z-index:1}.s-muted{color:var(--s-muted)}.store-announce{background:var(--s-accent);color:var(--s-on-accent);text-align:center;font-size:13px;font-weight:500;padding:10px 16px}.store-layout{padding-top:20px}.store-head{padding-bottom:8px}.store-cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:16px;animation:page-in var(--dur-slow) var(--ease-out) both}.store-id{margin-top:8px}.store-id.over{margin-top:-36px;padding-left:16px;position:relative}.store-logo{width:72px;height:72px;border-radius:18px;object-fit:cover;background:var(--s-surface);box-shadow:0 0 0 3px var(--s-bg),0 4px 16px -6px #00000040;display:block;animation:pop .5s var(--ease-spring) both}.store-logo.ph{display:grid;place-items:center;font-size:28px;font-weight:600;color:var(--s-muted)}.store-logo.ph.is-emoji{font-size:38px}.store-title{margin-top:16px;font-size:28px;letter-spacing:-.035em;animation:rise var(--dur-slow) 60ms var(--ease-out) both}.store-desc{color:var(--s-muted);margin:8px 0 0;white-space:pre-line;line-height:1.55;animation:rise var(--dur-slow) .12s var(--ease-out) both}.store-links{margin-top:20px;gap:8px;flex-wrap:wrap;animation:rise var(--dur-slow) .18s var(--ease-out) both}.store-note{margin-bottom:16px;padding:12px 14px;border-radius:12px;background:var(--s-surface);border:1px solid var(--s-line);font-size:14px}.store-main{min-width:0}.s-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--s-accent);background:var(--s-accent);color:var(--s-on-accent);height:44px;padding:0 18px;border-radius:var(--s-btn-radius);font-weight:500;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform var(--dur-quick) var(--ease-out),opacity var(--dur) var(--ease-out),filter var(--dur) var(--ease-out),border-color var(--dur)}.s-btn:active{transform:scale(.97)}.s-btn .emo{font-size:14px}.s-btn.sm{height:36px;padding:0 14px;font-size:14px}.s-btn.icon{width:36px;padding:0}.s-btn.ghost{background:var(--s-surface);color:var(--s-fg);border-color:var(--s-line)}.s-btn:disabled{opacity:.45;cursor:default}@media (hover: hover){.s-btn:not(.ghost):not(:disabled):hover{filter:brightness(1.1)}.s-btn.ghost:hover{border-color:color-mix(in srgb,var(--s-fg) 30%,transparent)}}.s-pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:500;background:var(--s-surface);border:1px solid var(--s-line);color:var(--s-fg)}.s-pill.accent{background:var(--s-accent);color:var(--s-on-accent);border-color:var(--s-accent)}.s-qty{display:inline-flex;align-items:center;height:36px;border-radius:var(--s-btn-radius);background:var(--s-accent);color:var(--s-on-accent);animation:pop .3s var(--ease-spring)}.s-qty button{width:36px;height:36px;border:0;background:none;color:inherit;cursor:pointer;font-size:17px;transition:transform var(--dur-quick) var(--ease-out)}.s-qty button:active{transform:scale(.8)}.s-qty button:disabled{opacity:.4}.s-qty span{min-width:20px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums;display:inline-block}.s-qty span.bump{animation:bump var(--dur-slow) var(--ease-spring)}.link-list{display:grid;gap:8px;margin-top:20px}.link-item{display:flex;align-items:center;justify-content:space-between;gap:12px;height:48px;padding:0 16px;border-radius:min(var(--s-btn-radius),14px);background:var(--s-surface);border:1px solid var(--s-line);color:var(--s-fg);text-decoration:none;font-weight:500;font-size:15px;transition:transform var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.link-item .emo{font-size:13px;opacity:.7}.link-item:active{transform:scale(.99)}@media (hover: hover){.link-item:hover{border-color:color-mix(in srgb,var(--s-fg) 30%,transparent)}}.cat-nav{position:sticky;top:0;z-index:15;margin:0 calc(-1 * var(--pad));padding:10px var(--pad);background:color-mix(in srgb,var(--s-bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.cat-scroll{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.cat-scroll::-webkit-scrollbar{display:none}.cat-scroll button{flex:none;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--s-line);background:var(--s-surface);color:var(--s-fg);font-size:14px;font-weight:500;cursor:pointer;transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),border-color var(--dur),transform var(--dur-quick) var(--ease-out)}.cat-scroll button:active{transform:scale(.96)}.cat-scroll button.on{background:var(--s-fg);color:var(--s-bg);border-color:var(--s-fg)}.cat-section{scroll-margin-top:64px}.cat-section+.cat-section{margin-top:36px}.cat-title{display:flex;align-items:baseline;gap:8px;font-size:17px;letter-spacing:-.02em;font-weight:600;margin:0 0 14px}.cat-title span{font-size:13px;font-weight:500}.store-list{display:grid;gap:0;border-top:1px solid var(--s-line)}.store-list .store-item{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--s-line);background:none;transition:opacity var(--dur)}.store-list .store-photo{width:92px;flex:none;order:2}.store-list .store-body{order:1}.store-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.store-grid .store-item{display:flex;flex-direction:column;border-radius:14px;background:var(--s-surface);border:1px solid var(--s-line);overflow:hidden;transition:border-color var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.store-grid .store-photo img,.store-grid .store-photo .ph{border-radius:0}.store-grid .store-body{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1}.store-grid .store-ctl{margin-top:auto;padding-top:10px}@media (hover: hover){.store-grid .store-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--s-fg) 22%,transparent)}}.store-item{cursor:pointer}.store-grid .store-item.in-cart{border-color:var(--s-accent)}.store-photo{position:relative}.store-photo img,.store-photo .ph{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:color-mix(in srgb,var(--s-fg) 6%,transparent);display:block}.store-photo .ph{display:grid;place-items:center;font-size:26px;font-weight:600;color:var(--s-muted)}.store-body{flex:1;min-width:0}.store-body>*+*{margin-top:6px}.store-price{font-weight:500}.store-price s{font-weight:400}.store-pdesc{margin:0;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.store-ctl{padding-top:6px}.sale-tag{position:absolute;left:6px;top:6px;height:20px;padding:0 6px;border-radius:6px;background:var(--s-accent);color:var(--s-on-accent);font-size:11px;font-weight:700;display:inline-flex;align-items:center}.cartbar{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:12px var(--pad) calc(12px + env(safe-area-inset-bottom));animation:rise var(--dur-slow) var(--ease-out)}.store .cartbar .s-btn.cart{width:100%;max-width:560px;margin:0 auto;display:flex;justify-content:space-between;height:56px;padding:0 20px 0 10px;border-radius:max(14px,min(var(--s-btn-radius),28px));box-shadow:0 2px 6px #00000014,0 20px 40px -12px #0000004d}.cart-count{min-width:36px;height:36px;padding:0 8px;border-radius:max(10px,min(var(--s-btn-radius),18px));background:color-mix(in srgb,var(--s-on-accent) 16%,transparent);display:inline-grid;place-items:center;font-weight:600}.cart-hint{margin:8px auto 0;max-width:560px;text-align:center;font-size:12px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--s-bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--s-fg)}.store.preview .cartbar{position:sticky;bottom:0}@media (min-width: 880px){.store:not(.preview) .wrap.store-layout{max-width:1080px;display:grid;grid-template-columns:340px minmax(0,1fr);gap:64px;align-items:start;padding-top:48px;padding-left:32px;padding-right:32px}.store:not(.preview) .store-head{position:sticky;top:32px}.store:not(.preview) .store-cover{aspect-ratio:4 / 3}.store:not(.preview) .store-title{font-size:32px}.store:not(.preview) .cat-nav{margin:0 0 4px;padding:12px 0}.store:not(.preview) .store-grid{grid-template-columns:repeat(3,1fr);gap:16px}.store:not(.preview) .cartbar{left:auto;right:0;width:100%;max-width:520px;padding-right:32px}.store:not(.preview) .cartbar .s-btn.cart{max-width:none}}@media (min-width: 600px) and (max-width: 879px){.store:not(.preview) .wrap{max-width:640px}.store:not(.preview) .store-grid{grid-template-columns:repeat(3,1fr)}}@container (min-width: 880px){.store .wrap.store-layout{max-width:1080px;display:grid;grid-template-columns:340px minmax(0,1fr);gap:64px;align-items:start;padding-top:48px;padding-left:32px;padding-right:32px}.store-head{position:sticky;top:32px}.store-cover{aspect-ratio:4 / 3}.store-title{font-size:32px}.cat-nav{margin:0 0 4px;padding:12px 0}.store-grid{grid-template-columns:repeat(3,1fr);gap:16px}.store .cartbar{left:auto;right:0;width:100%;max-width:520px;padding-right:32px}.store .cartbar .s-btn.cart{max-width:none}.store.preview .cartbar{position:sticky;margin-left:auto}}@container (min-width: 600px) and (max-width: 879px){.store .wrap{max-width:640px}.store-grid{grid-template-columns:repeat(3,1fr)}}.psheet-photo{width:100%;max-height:46vh;object-fit:cover;display:block;margin-top:-12px}@media (min-width: 720px){.psheet-photo{margin-top:0;aspect-ratio:4 / 3;max-height:none}}.opt-group{border:0;padding:0;margin:0;display:grid;gap:8px}.opt-group legend{padding:0;margin-bottom:10px;display:flex}.stack>*+.opt-group{margin-top:24px}.stack>.opt-group+.row{margin-top:24px}.opt,.ship-opt{position:relative;display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 16px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),transform var(--dur-quick) var(--ease-out)}.opt:hover,.ship-opt:hover{border-color:#13151747}.opt:active,.ship-opt:active{transform:scale(.995)}.opt input,.ship-opt input{position:absolute;opacity:0;pointer-events:none}.opt.on,.ship-opt.on{border-color:var(--fg);box-shadow:0 0 0 1px var(--fg) inset}.opt-mark{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line-strong);flex:none;display:grid;place-items:center;transition:border-color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out)}.opt input[type=checkbox]~.opt-mark{border-radius:5px}.opt.on .opt-mark,.ship-opt.on .opt-mark{border-color:var(--fg);background:var(--fg);box-shadow:inset 0 0 0 3.5px #fff}.opt.on input[type=checkbox]~.opt-mark{box-shadow:none;background:var(--fg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat}.co-lines{display:grid;gap:14px}.co-line{display:flex;align-items:center;gap:12px}.co-thumb{width:48px;height:48px;border-radius:10px;overflow:hidden;background:var(--soft);flex:none;display:grid;place-items:center;font-weight:600;color:var(--muted)}.co-thumb img{width:100%;height:100%;object-fit:cover}.co-thumb>.is-emoji{font-size:24px}.co-block{padding-top:24px;border-top:1px solid var(--line)}.ship-list{display:grid;gap:8px}.co-summary{display:grid;gap:10px;padding:16px 18px;border-radius:14px;background:var(--soft)}.co-total{padding-top:12px;margin-top:2px;border-top:1px solid var(--line-strong)}.saved-note{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--ok-soft);color:#11592f;animation:rise var(--dur) var(--ease-out)}.saved-note .link{color:inherit;text-decoration-color:currentColor}.saved-ico{display:grid;place-items:center;flex:none}.saved-ico .emo{font-size:14px}.remember{position:relative;display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:2px 0}.remember input{position:absolute;opacity:0;pointer-events:none}.remember-box{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line-strong);background:var(--surface);flex:none;display:grid;place-items:center;color:transparent;margin-top:1px;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),transform var(--dur-quick) var(--ease-out)}.remember-box svg{width:13px;height:13px}.remember input:checked+.remember-box{background:var(--fg);border-color:var(--fg);color:#fff}.remember input:focus-visible+.remember-box{outline:2px solid var(--fg);outline-offset:2px}.remember:active .remember-box{transform:scale(.9)}.shop-back{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-width:0}.shop-back img,.shop-back>span{width:32px;height:32px;border-radius:9px;object-fit:cover;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-weight:600;flex:none}.shop-back>span.is-emoji,.shop-back>span>.is-emoji{font-size:18px}.status-hero{display:grid;gap:24px;padding:24px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.status-hero.off{background:var(--danger-soft);border-color:transparent}.icon-btn.spin .emo{animation:spin .8s linear infinite}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}.step{position:relative;display:grid;justify-items:center;gap:6px;text-align:center}.step:before{content:"";position:absolute;top:11px;left:-50%;right:50%;height:2px;background:var(--line);z-index:0}.step:first-child:before{display:none}.step.done:before,.step.now:before{background:var(--fg);transform-origin:left;animation:meter-in .6s var(--ease-out) both;animation-delay:calc(var(--i) * .12s)}.step-dot{position:relative;z-index:1;width:24px;height:24px;border-radius:50%;background:var(--surface);border:2px solid var(--line-strong);display:grid;place-items:center;color:#fff;transition:background-color var(--dur),border-color var(--dur)}.step-dot svg{width:12px;height:12px}.step.done .step-dot{background:var(--fg);border-color:var(--fg)}.step.now .step-dot{border-color:var(--fg);box-shadow:0 0 0 4px #13151712}.step.now .step-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--fg);animation:pulse 1.6s ease-in-out infinite}.step-label{font-size:12px;font-weight:600}.step.todo .step-label{color:var(--faint);font-weight:500}.step-time{font-size:10.5px;color:var(--muted)}.pay-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:8px;background:var(--soft);font-size:12px;font-weight:500}.track{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:14px 16px;border-radius:12px;background:var(--soft)}@media (max-width: 480px){.track{grid-template-columns:1fr 1fr}.track>.grow{grid-column:1 / -1}.track .h3{white-space:normal;word-break:break-all}}.seller-note{padding:14px 16px;border-radius:12px;background:var(--info-soft)}.activity{list-style:none;margin:0;padding:0 0 0 4px;display:grid}.activity li{display:flex;align-items:baseline;gap:12px;padding:10px 0 10px 18px;border-left:1.5px solid var(--line);position:relative}.act-dot{position:absolute;left:-5px;top:15px;width:9px;height:9px;border-radius:50%;background:var(--surface);border:1.5px solid var(--fg)}.activity li:not(:first-child) .act-dot{border-color:var(--faint)}.my-order{display:block;padding:16px 20px;border-radius:var(--radius);text-decoration:none;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:border-color var(--dur),box-shadow var(--dur)}.my-order:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}.nota{max-width:640px;margin:0 auto;padding:40px 28px;background:#fff;color:#131517;min-height:100vh}.nota-head{align-items:flex-start;padding-bottom:24px;border-bottom:1px solid #e6e6e8}.nota-to{padding:20px 0}.nota-table{width:100%;border-collapse:collapse;font-size:14px}.nota-table th{text-align:left;font-size:12px;font-weight:500;color:var(--muted);padding:10px 0;border-bottom:1px solid #e6e6e8}.nota-table td{padding:12px 0;border-bottom:1px solid #f0f0f1;vertical-align:top}.nota-table .r{text-align:right;padding-left:12px;white-space:nowrap}.nota-sum{display:grid;gap:8px;margin-left:auto;max-width:300px;padding-top:16px}.nota-total{padding-top:10px;border-top:1px solid #e6e6e8}@media print{.no-print{display:none!important}body{background:#fff!important}.nota{padding:0;min-height:0}@page{margin:16mm}}.fc-body .card,.fc-body .card.flat{background:var(--soft);border-color:transparent;box-shadow:none;padding:16px}.fc-body .list{box-shadow:none}.order-row .o-who .mono{font-family:var(--font)}ul.stack{margin-bottom:0}ul.stack:first-child{margin-top:0}.status-pill,.pill{flex:none}.send-order{display:flex;flex-direction:column;gap:20px;padding-top:24px;padding-bottom:28px}.send-head{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.send-head .h2{font-size:22px;letter-spacing:-.025em;text-wrap:balance}.receipt-tick{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--fg);color:#fff;margin-bottom:6px;animation:tick-pop .52s var(--ease-spring) both}.receipt-tick svg{width:18px;height:18px}.receipt{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px 18px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.receipt-top{align-items:baseline}.receipt-amount{font-size:28px;line-height:1.1;font-weight:600;letter-spacing:-.03em;transform-origin:right bottom;will-change:transform}.receipt-cut{position:relative;height:0;border-top:1px dashed var(--line-strong);margin:2px -18px}.receipt-cut:before,.receipt-cut:after{content:"";position:absolute;top:-7px;width:14px;height:14px;border-radius:50%;background:var(--surface);border:1px solid var(--line)}.receipt-cut:before{left:-8px;clip-path:inset(0 0 0 50%)}.receipt-cut:after{right:-8px;clip-path:inset(0 50% 0 0)}.receipt-lines{display:flex;flex-direction:column;gap:8px}.receipt-line{gap:12px;animation:rise .38s var(--ease-out) both;animation-delay:calc(.24s + var(--i, 0) * 60ms)}.receipt-line>:first-child{min-width:0}.send-actions{display:flex;flex-direction:column;gap:10px;animation:rise .42s var(--ease-out) .2s both}.send-btn{height:52px;font-size:15px}.send-note{margin:0;padding:12px 14px;border-radius:var(--radius-sm);background:var(--soft)}.send-hint{margin:-6px 0 0;text-align:center}.send-links{display:flex;flex-direction:column;align-items:center;gap:12px}@keyframes tick-pop{0%{transform:scale(.4);opacity:0}}.share-main{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface)}.share-url{flex:1;min-width:0}.share-rows{list-style:none;margin-bottom:0;padding:0;box-shadow:none}.share-row .grow>span{display:block}.share-row{display:flex!important;align-items:flex-start;gap:12px}.share-row .btn{flex:none;min-width:72px}.share-code{display:block;margin-top:4px;padding:8px 10px;border-radius:8px;background:var(--soft);font-family:var(--mono);white-space:pre-wrap;word-break:break-word;color:var(--fg)}.teaser-line{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);background:var(--soft);color:var(--fg);text-decoration:none;transition:background-color var(--dur) var(--ease-out)}@media (hover: hover){.teaser-line:hover{background:var(--soft-2)}}