:root{--bg:#f2f4f6;--surface:#fff;--soft:#f7f8fa;--ink:#191f28;--text:#333d4b;--muted:#8b95a1;--line:#e5e8eb;--brand:#6d5ce7;--brand2:#5846d6;--brand-soft:#eeebff;--orange:#ff7a32;--orange-soft:#fff0e7;--green:#20a36a;--green-soft:#e9f8f1;--yellow:#fff6d8;--danger:#e42939}*{box-sizing:border-box}body,html{background:var(--bg)}body{margin:0;color:var(--ink);font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,Arial,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid rgba(109,92,231,.25);outline-offset:3px}button:active{transform:scale(.985)}.app{width:min(100%,720px);min-height:100vh;margin:auto;overflow:hidden;background:#fff}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:14px 24px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{margin:0;color:var(--brand);font-size:21px;font-weight:900;letter-spacing:-.04em}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:9px;letter-spacing:.15em}.safe{padding:8px 12px;border-radius:99px;background:var(--green-soft);color:#16865a;font-size:12px;font-weight:700}.hero{display:flex;align-items:center;justify-content:space-between;min-height:260px;padding:42px 32px 46px;overflow:hidden;background:linear-gradient(145deg,#f5f2ff,#fff 52%,#fff4ec)}.hero,.hero-copy{position:relative}.hero-copy{z-index:2}.hero-copy>p{margin:0 0 12px;color:var(--brand);font-size:15px;font-weight:700}.hero h1{margin:0;font-size:clamp(36px,7vw,52px);line-height:1.14;letter-spacing:-.055em}.hero h1 em{color:var(--brand);font-style:normal}.hero-copy>span{display:block;margin-top:15px;color:var(--muted);font-size:14px}.hero-mascots{position:relative;flex:0 0 190px;height:172px;margin-left:10px}.hero-mascots:before{content:"";position:absolute;width:160px;height:40px;bottom:-2px;left:50%;transform:translateX(-50%);border-radius:50%;background:rgba(73,45,183,.12);filter:blur(12px)}.hero-mascots img{position:absolute;bottom:0;filter:drop-shadow(0 12px 12px rgba(88,70,214,.16))}.m-waku{left:0;width:118px;z-index:2;animation:capFloat 2.6s ease-in-out infinite}.m-ruku{right:0;width:104px;animation:capFloat 2.6s ease-in-out .9s infinite}.hero-mascots .spark{position:absolute;z-index:3;color:#ffd84d;font-size:20px;animation:twinkle 1.5s ease-in-out infinite}.hero-mascots .s1{top:-4px;left:6px}.hero-mascots .s2{top:38px;right:-8px;animation-delay:.65s}.invoice{padding:26px 28px 30px}.invoice-head{display:flex;justify-content:space-between;gap:14px}.invoice-head span{display:block;margin-bottom:6px;color:var(--muted);font-size:13px}.invoice-head strong{font-size:20px}.count{padding:8px 12px;height:max-content;border-radius:99px;background:var(--brand-soft);color:var(--brand2);font-size:13px}.meta{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin:22px 0 16px}.meta span{padding:13px 8px;border-radius:12px;background:linear-gradient(90deg,var(--brand-soft) var(--p,0),var(--soft) var(--p,0));font-size:12px;font-weight:600;text-align:center;transition:background .3s}.deadline{padding:18px 16px;border-radius:16px;background:var(--yellow);text-align:center}.deadline p{margin:0}.countdown-big{min-height:58px}.countdown-big small{display:block;color:#8a7440;font-size:12px;font-weight:700}.countdown-big strong{display:block;margin-top:3px;color:var(--ink);font-size:34px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.deadline-sub{margin-top:6px!important;color:#6c5830;font-size:12px;line-height:1.5}.deadline-sub strong{font-weight:700}.groups{padding:34px 20px 42px;background:var(--bg)}.title-row{padding:0 4px 18px}.title-row h2{margin:0;font-size:24px;letter-spacing:-.04em}.group-list{display:grid;grid-gap:14px;gap:14px}.group{padding:22px;border-radius:22px;background:#fff;box-shadow:0 2px 8px #00000008}.group.done{background:#fafbfc}.group-top{display:flex;align-items:flex-start;gap:14px}.symbol{display:grid;place-items:center;flex:0 0 56px;height:56px;border-radius:18px;background:var(--brand-soft);color:var(--brand);font-size:28px;font-weight:800;overflow:hidden}.symbol img{width:100%;height:100%;object-fit:cover}.copy{min-width:0;flex:1 1}.copy>span{display:block;margin-bottom:4px;color:var(--brand);font-size:12px;font-weight:700}.copy h3{margin:0;font-size:17px;line-height:1.4}.copy p{margin:6px 0 0;color:var(--muted);font-size:13px}.status{padding:7px 10px;border-radius:99px;background:var(--orange-soft);color:#c25217;font-size:11px;font-weight:700}.status.drawn{background:var(--brand-soft);color:var(--brand2)}.status.done{background:var(--green-soft);color:#16865a}.drawn-list{display:grid;grid-gap:6px;gap:6px;margin:18px 0 16px}.drawn-line{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:14px;background:var(--soft)}.drawn-thumb{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:var(--brand-soft);font-size:20px;overflow:hidden}.drawn-thumb img{width:100%;height:100%;object-fit:cover}.drawn-line>strong{min-width:0;flex:1 1;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.drawn-pill{flex-shrink:0;padding:6px 9px;border-radius:99px;font-size:11px;font-weight:700}.drawn-pill.ship{background:var(--green-soft);color:#16865a}.drawn-pill.coupon{background:#fff3dd;color:#a86309}.drawn-pill.none{background:#eceef1;color:#8b95a1}.drawn-line.mystery .drawn-thumb{color:var(--brand);font-size:19px;font-weight:900}.drawn-line.mystery>strong{color:var(--muted);font-weight:600}.actions{display:flex;gap:9px}.mini,.primary,.secondary{min-height:54px;border:0;border-radius:16px;font-size:15px;font-weight:700;cursor:pointer}.primary{width:100%;background:var(--brand);color:#fff}.secondary{flex:1 1;background:var(--brand-soft);color:var(--brand2)}.mini{flex:0 0 90px;background:var(--orange-soft);color:#c25217}.complete{margin:8px 20px 24px;padding:24px;border-radius:22px;background:var(--ink);color:#fff}.complete h2{margin:3px 0;font-size:20px}.complete p,.complete span{margin:0;color:#b8c0ca;font-size:13px}.complete-actions{display:flex;gap:9px;margin-top:20px}.complete-actions button{flex:1 1;min-height:48px;border:0;border-radius:14px;background:#333d4b;color:#fff;font-weight:700}.complete-actions button:last-child{background:var(--brand)}.notice{display:flex;gap:14px;padding:28px 24px;background:var(--soft)}.notice>b{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#dfe3e8;color:#6b7684}.notice h2{margin:2px 0 10px;font-size:16px}.notice ul{margin:0;padding-left:17px;color:#6b7684;font-size:13px;line-height:1.65}.notice li+li{margin-top:5px}footer{padding:42px 24px 52px;background:var(--soft);text-align:center;color:var(--muted);font-size:12px}footer strong{color:var(--brand);letter-spacing:.12em}.foot-mascots{display:flex;justify-content:center;margin-bottom:14px}.foot-mascots img{width:min(100%,300px);border-radius:18px}.backdrop{position:fixed;z-index:20;inset:0;display:flex;align-items:flex-end;justify-content:center;background:#191f287a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sheet{width:min(100%,720px);max-height:96vh;overflow:auto;border-radius:30px 30px 0 0;background:#fff;box-shadow:0 -18px 60px #00000029;animation:up .3s}.sheet.no-anim{animation:none}.reveal-flash{position:fixed;z-index:60;inset:0;background:#fff8e6;pointer-events:none;animation:flashOut .4s ease-out both}@keyframes flashOut{0%{opacity:.92}to{opacity:0}}.sheet-head{position:-webkit-sticky;position:sticky;z-index:3;top:0;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:64px;padding:10px 18px;border-bottom:1px solid var(--line);background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sheet-head button{width:40px;height:40px;border:0;border-radius:50%;background:var(--soft);font-size:18px}.sheet-head p{margin:0;overflow:hidden;font-size:14px;font-weight:700;text-align:center;text-overflow:ellipsis;white-space:nowrap}.opening{position:fixed;z-index:40;inset:0;display:grid;place-items:center;align-content:center;overflow:hidden;background:#211750}.opening:after,.opening:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.12);animation:ripple 1s ease-out infinite}.opening:after{animation-delay:.36s}.opening-halo{position:absolute;width:270px;height:270px;border-radius:50%;background:rgba(130,96,255,.36);filter:blur(34px);animation:openHalo 1.8s ease-in both}.opening-capsule{position:relative;z-index:4;width:164px;height:176px;animation:capShake 1.8s cubic-bezier(.36,.07,.19,.97) both;filter:drop-shadow(0 24px 22px rgba(0,0,0,.28))}.oc-top{position:absolute;z-index:3;top:0;left:0;width:164px;height:88px;display:grid;place-items:center;border:4px solid #fff;border-radius:88px 88px 16px 16px;background:rgba(255,255,255,.88);box-shadow:inset 0 10px 22px rgba(109,92,231,.1);overflow:hidden;transform-origin:50% 100%;animation:capTopOpen 1.8s cubic-bezier(.5,0,.7,.4) both}.oc-top:before{content:"";position:absolute;top:10px;left:20px;width:45px;height:16px;border-radius:50%;background:rgba(255,255,255,.92);transform:rotate(-18deg)}.oc-top span{color:var(--brand);font-size:54px;font-weight:900;line-height:1}.oc-bottom{position:absolute;z-index:2;bottom:0;left:0;width:164px;height:88px;border:4px solid #fff;border-radius:16px 16px 88px 88px;background:var(--brand);box-shadow:inset 0 -12px 20px rgba(62,39,170,.32);animation:capBottomOpen 1.8s cubic-bezier(.5,0,.7,.4) both}.oc-glow{z-index:5;top:50%;left:50%;width:130px;height:130px;background:radial-gradient(circle,rgba(255,252,238,.95) 0 28%,rgba(255,224,130,.7) 56%,transparent 72%);filter:blur(8px);opacity:0;transform:translate(-50%,-50%) scale(.2);animation:glowBurst 1.8s ease-in both}.oc-bottom:after,.oc-glow{position:absolute;border-radius:50%}.oc-bottom:after{content:"";right:21px;bottom:20px;width:15px;height:30px;background:rgba(255,255,255,.18);transform:rotate(28deg)}.opening-flash{position:absolute;z-index:10;inset:0;background:#fff8e6;opacity:0;animation:flashIn 1.8s ease-in both}.beat-text{position:relative;z-index:2;height:70px;margin-top:34px;color:#fff;text-align:center}.beat-text span,.beat-text strong{display:block;animation:beatCopy 1.25s both}.beat-text span{color:#cbbfff;font-size:16px}.beat-text strong{margin-top:6px;font-size:26px;animation-delay:.45s}.opening-dots{position:relative;z-index:2;display:flex;gap:7px;margin-top:14px;justify-self:center}.opening-dots i{width:7px;height:7px;border-radius:50%;background:#fff;animation:dotPulse .8s infinite alternate}.opening-dots i:nth-child(2){animation-delay:.15s}.opening-dots i:nth-child(3){animation-delay:.3s}.microcopy{margin:11px 2px 0;text-align:center;color:#a0a2aa;font-size:11px}.guide-backdrop{align-items:center;padding:20px}.guide-pop{width:min(100%,400px);padding:28px 24px 20px;border-radius:26px;background:#fff;box-shadow:0 24px 70px rgba(25,31,40,.25);animation:guidePop .4s cubic-bezier(.18,.89,.32,1.2)}.guide-visual{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 72%;border-radius:18px;margin-bottom:16px}.guide-eyebrow{display:inline-block;padding:7px 11px;border-radius:99px;background:var(--brand-soft);color:var(--brand2);font-size:12px;font-weight:800}.guide-pop h2{margin:12px 0 20px;font-size:22px;letter-spacing:-.04em}.guide-steps{list-style:none;margin:0;padding:0;display:grid;grid-gap:14px;gap:14px}.guide-steps li{display:flex;gap:12px;align-items:flex-start}.guide-steps b{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;font-size:13px}.guide-steps strong{display:block;font-size:14px}.guide-steps span{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.5}.guide-warning{margin:20px 0 14px;padding:12px 14px;border-radius:13px;background:var(--yellow);color:#6c5830;font-size:12px;font-weight:600;line-height:1.5}.guide-confirm{width:100%;min-height:54px;border:0;border-radius:16px;background:var(--brand);color:#fff;font-size:15px;font-weight:700;cursor:pointer}@keyframes guidePop{0%{opacity:0;transform:translateY(24px) scale(.94)}}.result-screen{position:relative;padding:38px 20px 32px;background:var(--bg);overflow:hidden}.result-head{position:relative;z-index:2;text-align:center}.result-head h2{margin:0 0 7px;font-size:clamp(26px,6vw,34px);letter-spacing:-.05em;animation:titlePop .55s cubic-bezier(.18,.89,.32,1.45) .05s both}.result-head p{margin:0;color:var(--muted);font-size:14px;animation:fadeUp .45s .22s both}.result-burst{position:absolute;z-index:1;top:110px;left:50%;width:0;height:0;pointer-events:none}.result-burst:before{content:"";position:absolute;width:180px;height:180px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(255,216,77,.5);filter:blur(42px);animation:burstFlash .9s both}.result-burst i{position:absolute;width:10px;height:20px;border-radius:3px;background:var(--orange);animation:burstFly 1.15s var(--d) cubic-bezier(.12,.72,.3,1) both}.result-burst i:nth-child(3n){background:var(--brand);border-radius:50%}.result-burst i:nth-child(4n){width:15px;height:8px;background:#ffd84d}.result-burst i:nth-child(5n){background:#63d4b5}.result-burst i:nth-child(7n){width:7px;height:26px;background:#ff78aa}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:24px}.result-card{padding:12px;border-radius:20px;background:#fff;animation:cardPop .62s calc(.08s + var(--i,0)*.1s) cubic-bezier(.18,.89,.32,1.35) both}.art{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:16px;font-size:clamp(56px,16vw,92px);background:var(--brand-soft);overflow:hidden}.art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.result-card h3{min-height:42px;margin:12px 2px 3px;font-size:14px;line-height:1.45}.result-card>p{margin:0 2px 11px;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.choice{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.choice button{min-height:42px;border:0;border-radius:12px;background:var(--soft);color:#6b7684;font-size:11px;font-weight:700}.choice button.selected.ship{background:var(--green-soft);color:#16865a;box-shadow:inset 0 0 0 2px #55c994}.choice button.selected.coupon{background:#fff3dd;color:#a86309;box-shadow:inset 0 0 0 2px #f0b14f}.fixed{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:9px 11px;border-radius:12px;background:var(--green-soft);color:#16865a;font-size:11px;font-weight:700}.fixed.coupon{background:#fff3dd;color:#a86309}.fixed small{font-size:10px}.result-actions{margin-top:18px}.confirm{width:100%;min-height:56px;border:0;border-radius:16px;background:var(--brand);color:#fff;font-size:16px;font-weight:700}.confirm:disabled{background:#d5d9df}.back{display:block;margin:17px auto 0;border:0;background:none;color:var(--muted);font-size:13px}.confirm-box{display:none;margin-top:9px;padding:20px;border-radius:18px;background:var(--ink);color:#fff;text-align:center}.confirm-box.open{display:block}.confirm-box p{margin:0 0 14px;font-size:14px;line-height:1.55}.confirm-box small{color:#b8c0ca}.confirm-box div{display:flex;gap:8px}.confirm-box button{flex:1 1;min-height:46px;border:0;border-radius:13px;background:#333d4b;color:#fff;font-size:13px;font-weight:700}.confirm-box button:last-child{background:var(--brand)}.toast{position:fixed;z-index:50;left:50%;bottom:24px;display:none;max-width:calc(100% - 32px);padding:15px 18px;border-radius:14px;background:#191f28f2;color:#fff;font-size:14px;transform:translateX(-50%)}.toast.show{display:block}.error-screen{display:grid;place-items:center;min-height:70vh;padding:40px;text-align:center}.error-screen h1{font-size:22px}.error-screen p{color:var(--muted);font-size:14px}.app.with-bar{padding-bottom:96px}.final-bar{position:fixed;z-index:15;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,720px);padding:12px 16px calc(12px + env(safe-area-inset-bottom));pointer-events:none}.final-bar button{width:100%;min-height:66px;padding-block:14px;border:0;border-radius:18px;background:var(--brand);color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 10px 28px rgba(109,92,231,.38);pointer-events:auto}.final-bar button:disabled{background:#fff;color:#6b7684;cursor:default;font-size:13px;box-shadow:0 8px 24px #191f2829,inset 0 0 0 1px var(--line)}.final-screen .result-head p{color:var(--brand);font-size:15px;font-weight:700;animation:none}.final-screen .result-head span{display:block;margin-top:2px;color:var(--muted);font-size:14px}.final-screen{padding:34px 20px 36px;background:var(--bg)}.final-list{display:grid;grid-gap:8px;gap:8px;margin:22px 0 14px}.final-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:#fff}.final-thumb{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:13px;background:var(--brand-soft);font-size:24px;overflow:hidden}.final-thumb img{width:100%;height:100%;object-fit:cover}.final-copy{min-width:0;flex:1 1;display:grid;grid-gap:2px;gap:2px}.final-copy strong{font-size:14px}.final-copy small{color:var(--muted);font-size:11px}.final-badge{flex-shrink:0;padding:7px 10px;border-radius:99px;font-size:11px;font-weight:700}.final-badge.ship{background:var(--green-soft);color:#16865a}.final-badge.coupon{background:#fff3dd;color:#a86309}.final-warning{margin:0 2px 6px;padding:13px 15px;border-radius:14px;background:var(--yellow);color:#6c5830;font-size:12px;line-height:1.5}@keyframes up{0%{transform:translateY(100%);opacity:.7}}@keyframes capFloat{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(3deg)}}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}@keyframes ripple{0%{opacity:.48;transform:scale(.25)}to{opacity:0;transform:scale(1.4)}}@keyframes openHalo{0%{opacity:.25;transform:scale(.7)}55%{opacity:.55;transform:scale(.95)}to{opacity:1;transform:scale(1.5)}}@keyframes capShake{0%{transform:rotate(0) scale(.92)}12%{transform:rotate(-6deg) scale(.94)}24%{transform:rotate(6deg) scale(.97)}36%{transform:rotate(-8deg) scale(1)}48%{transform:rotate(8deg) scale(1.04)}58%{transform:rotate(-9deg) scale(1.08)}66%{transform:rotate(7deg) scale(1.13)}74%{transform:rotate(-4deg) scale(1.4)}86%{transform:rotate(2deg) scale(3.1)}to{transform:rotate(0) scale(6.5)}}@keyframes flashIn{0%,88%{opacity:0}to{opacity:.65}}@keyframes capTopOpen{0%,78%{transform:translate(0) rotate(0)}to{transform:translate(-28px,-64px) rotate(-19deg)}}@keyframes capBottomOpen{0%,78%{transform:translate(0) rotate(0)}to{transform:translate(22px,40px) rotate(12deg)}}@keyframes glowBurst{0%,74%{opacity:0;transform:translate(-50%,-50%) scale(.2)}88%{opacity:.85}to{opacity:.85;transform:translate(-50%,-50%) scale(1.7)}}@keyframes beatCopy{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dotPulse{0%{opacity:.3;transform:translateY(0)}to{opacity:1;transform:translateY(-5px)}}@keyframes burstFlash{0%{opacity:1;transform:translate(-50%,-50%) scale(.1)}45%{opacity:1;transform:translate(-50%,-50%) scale(1.7)}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}@keyframes burstFly{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}80%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) scale(1) rotate(var(--r))}}@keyframes titlePop{0%{opacity:0;transform:translateY(18px) scale(.72)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cardPop{0%{opacity:0;transform:translateY(54px) scale(.76) rotate(-2deg)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--ok:#20a36a;--ok-soft:#e9f8f1;--ok-ink:#16865a;--warn:#ff7a32;--warn-soft:#fff0e7;--warn-ink:#c25217;--danger-soft:#fdeaec;--danger-ink:#c01f2e;--adm-shadow:0 2px 10px #0000000a}.adm-layout{display:flex;min-height:100vh;font-size:14px}.side{position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;flex:0 0 216px;height:100vh;padding:22px 14px;border-right:1px solid var(--line);background:var(--surface)}.logo{padding:4px 10px 18px}.logo b{display:block;color:var(--brand);font-size:19px;font-weight:900;letter-spacing:-.03em}.logo span{display:block;margin-top:3px;color:var(--muted);font-size:9px;letter-spacing:.18em}.nav{display:grid;grid-gap:4px;gap:4px}.nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;color:var(--text);font-size:14px;font-weight:600;text-decoration:none}.nav a:hover{background:var(--soft)}.side-foot{margin-top:auto}.me{display:flex;align-items:center;gap:10px;padding:8px 10px}.avatar{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:var(--brand-soft);color:var(--brand2);font-size:13px;font-weight:800}.me b{display:block;max-width:120px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.linkish{border:0;padding:0;background:none;color:var(--muted);font-size:11px;cursor:pointer;text-decoration:underline}.adm-main{flex:1 1;min-width:0;padding:28px 32px 60px;background:var(--bg)}.adm-main>*{max-width:1040px;margin-inline:auto}.page-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.page-head h1{margin:0;font-size:22px;letter-spacing:-.03em}.page-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.alert{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:14px 18px;border-radius:16px;background:var(--danger-soft);color:var(--danger-ink);font-size:13px;font-weight:600;line-height:1.5}.todo-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;grid-gap:10px;gap:10px;margin-bottom:14px}.todo-tab{padding:15px 17px;border:0;border-radius:16px;background:var(--surface);box-shadow:var(--adm-shadow);text-align:left;cursor:pointer}.todo-tab small{display:block;color:var(--muted);font-size:12px;font-weight:600}.todo-tab b{display:block;margin-top:6px;font-size:24px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.todo-tab b em{font-style:normal;font-size:13px;color:var(--muted);font-weight:600}.todo-tab.on{box-shadow:var(--adm-shadow),inset 0 0 0 2px var(--brand);background:var(--brand-soft)}.todo-tab.on small{color:var(--brand2)}.todo-tab.zero:not(.on){opacity:.55}.todo-tab:not(.zero) b{color:var(--warn-ink)}.todo-tab.on b{color:var(--brand2)}.btn.done,.btn.primary.done{background:var(--ok-soft);color:var(--ok-ink)}.copy-text{cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-underline-offset:3px}.supplier-link{color:var(--brand2);font-weight:700;text-decoration:none}.supplier-link:hover{text-decoration:underline}.copy-text:hover{color:var(--brand2)}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-bottom:18px}.stat{padding:15px 17px;border-radius:16px;background:var(--surface);box-shadow:var(--adm-shadow)}.stat small{display:block;color:var(--muted);font-size:12px}.stat b{display:block;margin-top:6px;font-size:24px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat b em{font-style:normal;font-size:13px;color:var(--muted);font-weight:600}.stat.hot b{color:var(--warn-ink)}.card{margin-bottom:14px;border-radius:18px;background:var(--surface);box-shadow:var(--adm-shadow)}.card-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)}.card-head h2{margin:0;font-size:15px}.card-head .n{padding:3px 9px;border-radius:99px;background:var(--warn-soft);color:var(--warn-ink);font-size:12px;font-weight:800}.card-head .hint{margin-left:auto;color:var(--muted);font-size:12px;text-align:right}.empty{padding:26px 20px;color:var(--muted);font-size:13px;text-align:center}.row{display:flex;align-items:center;gap:14px;padding:13px 20px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row .who{flex:0 0 220px;min-width:0}.row .who b{display:block;font-size:14px}.row .who .order-no{font-size:16px;letter-spacing:-.01em}.row .who small{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.row .what{flex:1 1;min-width:0;color:var(--text);font-size:13px;line-height:1.5}.row .what small{display:block;margin-top:2px;color:var(--muted);font-size:11px}.row .acts{display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;justify-content:flex-end}.pill{padding:4px 9px;border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap}.pill.wait{background:var(--warn-soft);color:var(--warn-ink)}.pill.ok{background:var(--ok-soft);color:var(--ok-ink)}.pill.late{background:var(--danger-soft);color:var(--danger-ink)}.pill.brand{background:var(--brand-soft);color:var(--brand2)}.btn{min-height:36px;padding:0 13px;border:0;border-radius:10px;background:var(--soft);color:var(--text);font-size:12px;font-weight:700;cursor:pointer}.btn.primary{width:auto;min-height:36px;background:var(--brand);color:#fff}.btn.good{background:var(--ok-soft);color:var(--ok-ink)}.done-note{color:var(--muted);font-size:11px;white-space:nowrap}.set-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.set-head .t b{display:block;font-size:15px}.set-head .t small{color:var(--muted);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.thumb{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:13px;background:var(--brand-soft);font-size:22px;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.mini-thumb{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--soft);font-size:17px;overflow:hidden}.mini-thumb img{width:100%;height:100%;object-fit:cover}.adm-main table{width:100%;border-collapse:collapse;font-size:13px}.adm-main th{padding:9px 20px;color:var(--muted);font-size:11px;font-weight:700;text-align:left;letter-spacing:.04em}.adm-main td,.adm-main th{border-bottom:1px solid var(--line);white-space:nowrap}.adm-main td{padding:10px 20px;vertical-align:middle}.adm-main tr:last-child td{border-bottom:0}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stock-low{color:var(--danger-ink);font-weight:800}.scroll{overflow-x:auto}.adm-main table.wrap-cells td{white-space:normal}.adm-main table.wrap-cells td:first-child,.adm-main table.wrap-cells td:last-child .acts{white-space:nowrap}.wrap-cells .acts{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.search-box{display:block;width:100%;margin-bottom:14px;padding:12px 16px;border:0;border-radius:14px;background:var(--surface);box-shadow:var(--adm-shadow);color:var(--ink);font:inherit;font-size:13px}.search-box:focus{outline:3px solid rgba(109,92,231,.25)}.search-box::placeholder{color:var(--muted)}.chips{display:flex;align-items:center;gap:6px;margin-bottom:10px;flex-wrap:wrap}.chips a{padding:8px 14px;border-radius:99px;background:var(--surface);color:var(--text);font-size:12px;font-weight:700;box-shadow:var(--adm-shadow);text-decoration:none}.chips a.on{background:var(--ink);color:#fff}.chips-label{min-width:52px;color:var(--muted);font-size:11px;font-weight:700}.login-wrap{display:grid;place-items:center;min-height:100vh;background:var(--bg)}.login{width:min(100% - 32px,380px);padding:34px 30px;border-radius:22px;background:var(--surface);box-shadow:0 8px 30px #191f2814}.login .lg{display:block;color:var(--brand);font-size:22px;font-weight:900;letter-spacing:-.03em}.login .sub{margin:4px 0 26px;color:var(--muted);font-size:12px;letter-spacing:.14em}.login label{display:block;margin-bottom:7px;color:var(--text);font-size:13px;font-weight:600}.login input{width:100%;margin-bottom:10px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit}.login .btn.primary{width:100%;min-height:48px;border-radius:12px;font-size:14px}.login p{margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.login .btn.google{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;margin-bottom:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:14px}.login-divider{display:flex;align-items:center;gap:10px;margin:16px 0 14px;color:var(--muted);font-size:11px}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:var(--line)}@media(max-width:860px){.adm-layout{flex-direction:column}.side{position:static;flex:none;height:auto;flex-direction:row;align-items:center;padding:12px 16px;border-right:0;border-bottom:1px solid var(--line)}.logo{padding:0 10px 0 0}.logo span{display:none}.nav{display:flex;gap:2px}.nav a{padding:9px 10px;font-size:13px}.side-foot{display:none}.adm-main{padding:18px 14px 50px}.stats{grid-template-columns:repeat(2,1fr)}.todo-tabs{gap:6px}.todo-tab{padding:11px 12px}.todo-tab b{font-size:19px}.row{flex-wrap:wrap}.row .who{flex-basis:100%}.row .acts{justify-content:flex-start}}@media(min-width:721px){.app{margin-block:24px;border-radius:32px;box-shadow:0 18px 60px #191f281a}.sheet{margin-bottom:20px;border-radius:30px}}@media(max-width:560px){.topbar{min-height:58px;padding:12px 20px}.hero{min-height:240px;padding:34px 20px 38px}.hero h1{font-size:30px;word-break:keep-all}.hero{align-items:flex-end;gap:6px}.hero-copy{min-width:0;flex:1 1}.hero-mascots{flex:0 0 108px;height:112px;margin-left:0}.m-waku{width:74px}.m-ruku{width:64px}.hero-mascots .spark{font-size:14px}.hero-mascots .s2{top:26px}.hero-mascots:before{width:100px;height:26px}.hero-copy>span{max-width:270px}.invoice{padding:24px 20px 28px}.meta{gap:6px}.meta span{padding:12px 3px;font-size:11px}.groups{padding-inline:16px}.group{padding:19px}.result-grid{gap:9px}.result-card{padding:9px}.choice{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}