:root{--pink:#ff5fa2;--pink-soft:#ffc2d9;--lav:#a98bff;--sky:#7cc8ff;--mint:#4fd6a8;--yellow:#ffd84a;--ink:#3b2440;--sub:#8e7592;--line:#f3dce8;--bg:#fff5fa;--card:#fff;--accent:#ff5fa2;--accent-2:#ffb0d2;--accent-soft:#fff0f7;--radius:22px;--shadow:0 10px 28px #d6468c29;--shadow-sm:0 4px 14px #d6468c24;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--font-ui:"Hiragino Maru Gothic ProN", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, -apple-system, sans-serif;--font-pop:"Mochiy Pop One", var(--font-ui);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;background:var(--bg);height:100%;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;touch-action:manipulation;margin:0;padding:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;top:0;bottom:0;left:0;right:0}#root{position:absolute;top:0;bottom:0;left:0;right:0}button{font:inherit;color:inherit}input,textarea{font:inherit;-webkit-user-select:text;user-select:text}canvas{display:block}.app{background:radial-gradient(circle at 12% 8%, #ffbedc8c 0, transparent 38%), radial-gradient(circle at 92% 20%, #c8b4ff73 0, transparent 36%), radial-gradient(circle at 50% 110%, #aae1ff73 0, transparent 45%), var(--bg);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.screen{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);flex-direction:column;animation:.28s both screen-in;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.topbar{flex:none;align-items:center;gap:8px;height:56px;padding:0 12px;display:flex}.topbar-title{text-align:center;font-family:var(--font-pop);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:17px;overflow:hidden}.topbar-spacer{flex:none;width:44px}.content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.pad{padding:0 16px}.bottombar{flex:none;padding:10px 16px 12px}.btn{-webkit-appearance:none;appearance:none;letter-spacing:.02em;cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 22px;font-size:16px;font-weight:800;transition:transform .12s,box-shadow .12s,opacity .2s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.45;cursor:default}.btn-block{width:100%}.btn-big{min-height:58px;font-size:18px;font-family:var(--font-pop);font-weight:400}.btn-small{min-height:38px;padding:0 16px;font-size:14px}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));text-shadow:0 1px 2px #78003c2e;box-shadow:0 8px 20px #c83c7840,inset 0 1px #ffffff73}.btn-secondary{color:var(--ink);box-shadow:inset 0 0 0 2px var(--line), var(--shadow-sm);background:#fff}.btn-ghost{color:var(--sub);background:0 0}.btn-danger{color:#fff;background:linear-gradient(135deg,#ff5a6e,#ff8a7a)}.btn-dark{color:#fff;background:#ffffff29;box-shadow:inset 0 0 0 1.5px #ffffff59}.btn-icon{display:inline-flex}.icon-btn{-webkit-appearance:none;appearance:none;width:44px;height:44px;color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:transform .12s;display:inline-flex}.icon-btn:active:not(:disabled){transform:scale(.92)}.icon-btn:disabled{opacity:.35}.icon-btn-plain{box-shadow:none;background:0 0}.icon-btn.is-active{background:var(--accent);color:#fff}.sheet-root{z-index:50;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet-root.is-center{justify-content:center;align-items:center;padding:24px}.sheet-backdrop{opacity:0;background:#2812286b;transition:opacity .22s;position:absolute;top:0;bottom:0;left:0;right:0}.sheet-root.is-shown .sheet-backdrop{opacity:1}.sheet{max-height:88%;padding-bottom:var(--safe-bottom);background:#fff;border-radius:28px 28px 0 0;flex-direction:column;transition:transform .26s cubic-bezier(.2,.9,.3,1.05);display:flex;position:relative;transform:translateY(100%);box-shadow:0 -10px 40px #50143c33}.sheet-tall{height:88%}.is-center .sheet{opacity:0;border-radius:28px;width:100%;max-width:380px;padding-bottom:0;transition:transform .22s cubic-bezier(.2,.9,.3,1.2),opacity .2s;transform:scale(.9)}.sheet-root.is-shown .sheet{opacity:1;transform:none}.sheet-head{align-items:center;padding:18px 18px 6px 22px;display:flex}.sheet-title{font-family:var(--font-pop);flex:1;font-size:18px}.sheet-close{-webkit-appearance:none;appearance:none;width:36px;height:36px;color:var(--sub);cursor:pointer;background:#f7eef3;border:0;border-radius:50%;font-size:22px;line-height:1}.sheet-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:8px 22px 18px;overflow-y:auto}.sheet-foot{padding:8px 18px 16px}.confirm{text-align:center;padding:26px 22px 20px}.confirm-title{font-family:var(--font-pop);font-size:19px;line-height:1.5}.confirm-msg{color:var(--sub);white-space:pre-line;margin:10px 0 0;font-size:14.5px;line-height:1.7}.confirm-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.slider{grid-template-columns:76px 1fr 34px;align-items:center;gap:10px;padding:8px 0;display:grid}.slider-label{font-size:14px;font-weight:800}.slider-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--sub);font-size:14px}.slider input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:28px;margin:0}.slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) 0 var(--pct), #f1e4ec var(--pct) 100%);border-radius:99px;height:8px}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--accent);background:#fff;border-radius:50%;width:28px;height:28px;margin-top:-10px;box-shadow:0 3px 8px #00000026}.slider input[type=range]::-moz-range-track{background:#f1e4ec;border-radius:99px;height:8px}.slider input[type=range]::-moz-range-progress{background:var(--accent);border-radius:99px;height:8px}.slider input[type=range]::-moz-range-thumb{border:3px solid var(--accent);background:#fff;border-radius:50%;width:24px;height:24px}.segmented{box-shadow:inset 0 0 0 1.5px var(--line);background:#ffffffbf;border-radius:999px;gap:4px;padding:4px;display:flex}.seg{-webkit-appearance:none;appearance:none;min-height:40px;color:var(--sub);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:1;padding:0 10px;font-size:13.5px;font-weight:800;transition:background .15s,color .15s}.seg.is-on{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 4px 12px #c83c7838}.segmented-small .seg{min-height:34px;font-size:12.5px}.toggle-row{cursor:pointer;align-items:center;gap:12px;padding:14px 0;display:flex}.toggle-text{flex-direction:column;flex:1;gap:3px;font-size:15px;font-weight:800;display:flex}.toggle-text small{color:var(--sub);font-size:12.5px;font-weight:400;line-height:1.5}.toggle{-webkit-appearance:none;appearance:none;cursor:pointer;background:#ecdde6;border-radius:99px;flex:none;width:52px;height:32px;margin:0;transition:background .2s;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000002e}.toggle:checked{background:var(--accent)}.toggle:checked:after{transform:translate(20px)}.chip{-webkit-appearance:none;appearance:none;min-height:38px;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink);cursor:pointer;white-space:nowrap;background:#fff;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex}.chip.is-on{background:var(--accent);color:#fff;box-shadow:none}.chip:disabled{opacity:.45}.spinner-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.spinner{border:4px solid #00000014;border-top-color:var(--accent);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}.spinner-label{color:var(--sub);font-size:13px;font-weight:800}@keyframes spin{to{transform:rotate(360deg)}}.toaster{z-index:80;top:calc(var(--safe-top) + 12px);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;left:0;right:0}.toast{color:#fff;text-align:center;background:#3b2440eb;border-radius:999px;max-width:88%;padding:11px 18px;font-size:14px;font-weight:800;animation:.25s cubic-bezier(.2,.9,.3,1.3) both toast-in;box-shadow:0 8px 22px #00000038}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.95)}}.badge{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:800;display:inline-flex}.badge-test{color:#fff;background:#3b2440}.note{color:var(--sub);font-size:13px;line-height:1.7}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.banner{box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;font-size:13.5px;font-weight:700;line-height:1.55;display:flex}.banner-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.banner-text{flex:1}.banner-action{color:var(--accent);cursor:pointer;background:0 0;border:0;flex:none;padding:6px;font-weight:800}.hscroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin:0 -16px;padding:2px 16px 4px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.home-head{align-items:center;gap:10px;padding:10px 16px 4px;display:flex}.logo{font-family:var(--font-pop);background:linear-gradient(135deg,#ff5fa2 10%,#b77bff 60%,#6fb8ff);color:#0000;filter:drop-shadow(0 3px #fff)drop-shadow(0 6px 12px #ff5fa240);letter-spacing:.02em;-webkit-background-clip:text;background-clip:text;font-size:34px;line-height:1}.home-lead{color:var(--sub);padding:4px 16px 12px;font-size:14px;font-weight:700}.machine-list{flex-direction:column;gap:14px;padding:6px 16px 20px;display:flex}.machine-card{-webkit-appearance:none;appearance:none;text-align:left;box-shadow:var(--shadow-sm);cursor:pointer;color:var(--ink);background:#fff;border:0;border-radius:26px;align-items:stretch;gap:14px;padding:12px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.machine-card:active{transform:scale(.98)}.machine-card.is-on{box-shadow:0 0 0 3px var(--m-accent), 0 12px 26px #501e3c2e}.machine-thumb{aspect-ratio:9/16;background:#f4e8ee;border-radius:14px;flex:none;width:84px;overflow:hidden;box-shadow:0 4px 12px #0000001f}.machine-thumb canvas{object-fit:contain;width:100%;height:100%}.machine-info{flex-direction:column;flex:1;gap:6px;min-width:0;padding:4px 0;display:flex}.machine-name{font-family:var(--font-pop);color:var(--m-ink);font-size:19px;line-height:1.3}.machine-catch{color:var(--sub);font-size:13px;font-weight:700;line-height:1.5}.machine-tags{flex-wrap:wrap;gap:5px;margin-top:auto;display:flex}.machine-tag{color:var(--m-accent);background:#fff0f6;border-radius:99px;padding:3px 8px;font-size:11px;font-weight:800}.machine-check{background:var(--m-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 3px 8px #00000026}.limited-ribbon{color:#fff;background:linear-gradient(135deg,#ff8a1f,#8e4dff);border-radius:99px;padding:4px 10px;font-size:11.5px;font-weight:800;position:absolute;top:-8px;left:18px;box-shadow:0 4px 10px #8e4dff59}.home-bottom{align-items:center;gap:10px;display:flex}.camera-screen{color:#fff;background:radial-gradient(circle at 50% 30%,#3b2240,#150b18 70%)}.camera-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:4px 12px;display:flex}.camera-frame{box-shadow:0 0 0 3px #ffffffe6, 0 0 0 8px var(--accent), 0 16px 40px #00000073;background:#000;border-radius:26px;flex:none;position:relative;overflow:hidden}.camera-frame canvas,.camera-frame .camera-video{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.camera-video{object-fit:cover}.camera-video.is-mirror{transform:scaleX(-1)}.camera-hidden-video{opacity:.01;pointer-events:none;width:2px;height:2px;position:absolute;top:0;left:0}.pose-banner{color:var(--ink);font-family:var(--font-pop);white-space:nowrap;background:#fffffff2;border-radius:999px;align-items:center;gap:8px;max-width:94%;padding:10px 18px;font-size:17px;animation:.35s cubic-bezier(.2,.9,.3,1.4) both pop-in;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #00000040}.pose-emoji{font-size:22px}.pose-count{font-size:12px;font-family:var(--font-ui);color:var(--accent);font-weight:800}@keyframes pop-in{0%{opacity:0;transform:translate(-50%)scale(.6)}}.countdown{font-family:var(--font-pop);color:#fff;text-shadow:0 0 0 #fff, 0 6px 0 var(--accent), 0 10px 30px #00000059;pointer-events:none;justify-content:center;align-items:center;font-size:150px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.countdown span{-webkit-text-stroke:4px var(--accent);animation:.9s ease-out both count-pop}@keyframes count-pop{0%{opacity:0;transform:scale(1.8)}25%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:0;transform:scale(.9)}}.flash{pointer-events:none;background:#fff;animation:.45s ease-out both flash;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes flash{0%{opacity:1}to{opacity:0}}.shot-review{animation:.3s both review-in;position:absolute;top:0;bottom:0;left:0;right:0}.shot-review canvas{object-fit:cover;width:100%;height:100%}.shot-review-label{font-family:var(--font-pop);color:#fff;-webkit-text-stroke:2px var(--accent);text-shadow:0 4px 0 var(--accent);white-space:nowrap;font-size:30px;animation:.4s cubic-bezier(.2,.9,.3,1.6) .1s both pop-in-plain;position:absolute;bottom:16px;left:50%;transform:translate(-50%)rotate(-4deg)}@keyframes review-in{0%{opacity:0;transform:scale(1.04)}}@keyframes pop-in-plain{0%{opacity:0;transform:translate(-50%)rotate(-4deg)scale(.4)}}.shot-dots{justify-content:center;gap:8px;padding:10px 0 2px;display:flex}.shot-dot{background:#ffffff26;border-radius:7px;width:30px;height:40px;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffff59}.shot-dot canvas{object-fit:cover;width:100%;height:100%}.shot-dot.is-next{animation:1s ease-in-out infinite blink;box-shadow:inset 0 0 0 2px #fff}@keyframes blink{50%{opacity:.55}}.camera-panel{flex-direction:column;gap:12px;padding:8px 16px 14px;display:flex}.camera-panel .segmented{background:#ffffff1f;box-shadow:inset 0 0 0 1.5px #fff3}.camera-panel .seg{color:#fffc}.camera-row{align-items:center;gap:12px;display:flex}.camera-label{color:#ffffffbf;text-align:center;font-size:12.5px;font-weight:800}.camera-status{white-space:nowrap;background:#00000073;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.camera-message{text-align:center;padding:24px;font-size:14.5px;line-height:1.8}.camera-message h2{font-family:var(--font-pop);margin:0 0 10px;font-size:20px;font-weight:400}.camera-message ol{text-align:left;margin:8px 0 0;padding-left:1.4em;font-size:13.5px;display:inline-block}.select-head{align-items:baseline;gap:10px;padding:2px 16px 10px;display:flex}.select-title{font-family:var(--font-pop);flex:1;font-size:19px}.select-count{color:var(--accent);font-size:15px;font-weight:800}.photo-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:0 16px 12px;display:grid}.photo-cell{aspect-ratio:3/4;box-shadow:var(--shadow-sm);cursor:pointer;-webkit-appearance:none;appearance:none;background:#f1e3ea;border:0;border-radius:16px;padding:0;transition:transform .12s;position:relative;overflow:hidden}.photo-cell canvas{object-fit:cover;width:100%;height:100%}.photo-cell:active{transform:scale(.97)}.photo-cell.is-on{box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--accent), var(--shadow-sm)}.photo-cell.is-off canvas{opacity:.55;filter:saturate(.6)}.photo-num{background:var(--accent);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;font-weight:800;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #0003}.select-tools{gap:8px;padding:0 16px 8px;display:flex}.mode-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.mode-btn{-webkit-appearance:none;appearance:none;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 9px;font-size:12.5px;font-weight:800;display:flex;position:relative}.mode-btn.is-on{background:var(--accent-soft);box-shadow:inset 0 0 0 2.5px var(--accent);color:var(--accent)}.mode-btn:disabled{opacity:.5}.mode-soon{color:#fff;background:#3b2440;border-radius:99px;padding:2px 7px;font-size:10px;position:absolute;top:-7px;right:-2px}.adjust{z-index:40;color:#fff;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);background:#1c1220;flex-direction:column;animation:.25s both screen-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.adjust-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:6px 16px;display:flex}.adjust-photo{border-radius:18px;flex:none;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.adjust-photo canvas{object-fit:cover;width:100%;height:100%}.face-marker{cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;border:2.5px dashed #ffffffd9;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.face-marker.is-on{border:3px solid var(--accent);box-shadow:0 0 0 3px #ffffffe6,0 0 20px #fff9}.face-marker-label{background:var(--accent);color:#fff;white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:100%;left:50%;transform:translate(-50%,4px)}.adjust-thumbs{justify-content:center;gap:8px;padding:6px 16px;display:flex}.adjust-thumb{aspect-ratio:3/4;opacity:.55;-webkit-appearance:none;appearance:none;cursor:pointer;border:0;border-radius:8px;width:40px;padding:0;overflow:hidden}.adjust-thumb canvas{object-fit:cover;width:100%;height:100%}.adjust-thumb.is-on{opacity:1;box-shadow:0 0 0 2px #fff}.adjust-panel{min-height:250px;color:var(--ink);margin-bottom:calc(-1 * var(--safe-bottom));padding:14px 20px 12px;padding-bottom:calc(12px + var(--safe-bottom));background:#fff;border-radius:26px 26px 0 0}.adjust-hint{text-align:center;color:var(--sub);padding:8px 0 10px;font-size:13.5px;font-weight:800;line-height:1.6}.doodle-screen{background:linear-gradient(180deg, var(--accent-soft), #fff 60%)}.doodle-top{gap:6px}.timer-pill{flex:1;justify-content:center;display:flex}.timer{box-shadow:var(--shadow-sm);font-variant-numeric:tabular-nums;background:#fff;border-radius:99px;align-items:center;gap:6px;padding:7px 14px;font-size:15px;font-weight:800;display:inline-flex}.timer.is-hurry{color:#fff;background:#ff4d6d;animation:.5s ease-in-out infinite blink}.player-pill{align-items:center;gap:6px;font-size:14px;font-weight:800;display:inline-flex}.player-dot{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 0 0 2px #fff}.doodle-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:2px 12px 6px;display:flex}.doodle-canvas-wrap{box-shadow:0 0 0 3px #fff, var(--shadow);touch-action:none;border-radius:14px;flex:none;position:relative;overflow:hidden}.doodle-canvas-wrap canvas{touch-action:none;width:100%;height:100%}.doodle-panel{margin-bottom:calc(-1 * var(--safe-bottom));padding:8px 12px 6px;padding-bottom:calc(6px + var(--safe-bottom));background:#fff;border-radius:26px 26px 0 0;flex:none;box-shadow:0 -8px 26px #d6468c1f}.tool-tabs{align-items:center;gap:4px;display:flex}.tool-tab{-webkit-appearance:none;appearance:none;min-width:0;color:var(--sub);cursor:pointer;white-space:nowrap;letter-spacing:-.03em;background:0 0;border:0;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;font-size:10.5px;font-weight:800;display:flex}.tool-tabs .icon-btn{width:38px;height:38px}@media (max-width:380px){.tool-tab{font-size:9.5px}.tool-tab svg{width:22px;height:22px}}.tool-tab.is-on{background:var(--accent-soft);color:var(--accent)}.tool-sep{background:var(--line);width:1px;height:30px;margin:0 2px}.tool-options{flex-direction:column;justify-content:center;gap:8px;height:132px;padding:8px 0 6px;display:flex;overflow:hidden}.opt-row{align-items:center;gap:8px;display:flex}.swatches{scrollbar-width:none;flex:1;gap:8px;padding:3px 4px;display:flex;overflow-x:auto}.swatches::-webkit-scrollbar{display:none}.swatch{-webkit-appearance:none;appearance:none;cursor:pointer;border:0;border-radius:50%;flex:none;width:32px;height:32px;transition:transform .12s;box-shadow:inset 0 0 0 2px #00000014,0 1px 3px #0000001f}.swatch.is-on{box-shadow:0 0 0 2.5px #fff, 0 0 0 4.5px var(--accent);transform:scale(1.12)}.swatch-rainbow{background:conic-gradient(#ff5fa2,#ff9a3c,#ffe14d,#5fe0a0,#4fb3ff,#9a7bff,#ff5fa2)}.size-dots{flex:none;gap:4px;display:flex}.size-dot{-webkit-appearance:none;appearance:none;cursor:pointer;background:#f7eef3;border:0;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.size-dot i{background:var(--ink);border-radius:50%;display:block}.size-dot.is-on{background:var(--accent)}.size-dot.is-on i{background:#fff}.stamp-grid{scrollbar-width:none;grid-template-rows:repeat(2,42px);grid-auto-columns:42px;grid-auto-flow:column;gap:6px;padding:2px 2px 4px;display:grid;overflow-x:auto}.stamp-grid::-webkit-scrollbar{display:none}.stamp-btn{-webkit-appearance:none;appearance:none;cursor:pointer;background:#f9f1f5;border:0;border-radius:12px;width:42px;height:42px;padding:3px;position:relative}.stamp-btn img{object-fit:contain;pointer-events:none;width:100%;height:100%}.stamp-btn.is-on{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.stamp-btn.is-special:after{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:3px}.photo-strip{justify-content:center;gap:8px;padding:4px 0 2px;display:flex}.strip-thumb{aspect-ratio:3/4;-webkit-appearance:none;appearance:none;opacity:.6;cursor:pointer;width:44px;box-shadow:inset 0 0 0 1.5px var(--line);border:0;border-radius:9px;padding:0;position:relative;overflow:hidden}.strip-thumb canvas{object-fit:cover;width:100%;height:100%}.strip-thumb.is-on{opacity:1;box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--accent)}.strip-owner{color:#fff;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:800;display:flex;position:absolute;bottom:2px;left:2px}.hint{color:var(--sub);text-align:center;font-size:12.5px;font-weight:800}.turn-overlay{z-index:30;text-align:center;background:var(--turn,var(--accent));color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;animation:.25s both screen-in;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.turn-big{font-family:var(--font-pop);text-shadow:0 4px #0000001f;font-size:34px;line-height:1.4}.turn-sub{opacity:.95;font-size:15px;font-weight:800;line-height:1.7}.turn-avatar{width:96px;height:96px;color:var(--ink);font-family:var(--font-pop);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:44px;animation:1.2s ease-in-out infinite bounce;display:flex;box-shadow:0 10px 30px #0003}@keyframes bounce{50%{transform:translateY(-8px)}}.turn-overlay .btn-primary{color:var(--ink);text-shadow:none;background:#fff}.turn-overlay .btn-dark{background:#00000024;box-shadow:inset 0 0 0 2px #ffffffd9}.turn-big-sub{font-size:24px}.turn-sub small{opacity:.9;font-size:12.5px}.text-input{border:2px solid var(--line);width:100%;min-height:50px;color:var(--ink);background:#fffafc;border-radius:16px;outline:none;padding:0 16px;font-size:18px}.text-input:focus{border-color:var(--accent)}.phrase-grid{flex-wrap:wrap;gap:8px;display:flex}.font-preview{font-size:20px}.finish-screen{background:linear-gradient(180deg, var(--accent-soft), #fff)}.finish-stage{flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:0 24px;display:flex;position:relative;overflow:hidden}.printer{z-index:3;background:linear-gradient(#3b2440,#5a3a60);border-radius:0 0 18px 18px;width:min(86%,360px);height:30px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #00000040}.printer:after{content:"";background:#1a0f1c;border-radius:99px;height:5px;position:absolute;bottom:8px;left:10%;right:10%}.sheet-out{z-index:2;transform-origin:top;border-radius:8px;flex:none;margin-top:18px;position:relative;overflow:hidden;box-shadow:0 18px 40px #50143c4d}.sheet-out canvas{object-fit:contain;width:100%;height:100%}.sheet-out.is-printing{animation:2.2s cubic-bezier(.3,.1,.3,1) both print-out}.sheet-out.is-done{animation:.6s cubic-bezier(.2,.9,.3,1.4) both sheet-bounce}@keyframes print-out{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes sheet-bounce{0%{transform:translateY(0)scale(1)}40%{transform:translateY(-6px)scale(1.03)rotate(-1deg)}to{transform:none}}.printing-label{text-align:center;font-family:var(--font-pop);color:var(--accent);z-index:1;font-size:20px;position:absolute;top:50%;left:0;right:0}.jaan{z-index:4;font-family:var(--font-pop);color:#fff;-webkit-text-stroke:3px var(--accent);text-shadow:0 5px 0 var(--accent);pointer-events:none;white-space:nowrap;font-size:54px;animation:1.6s cubic-bezier(.2,.9,.3,1.3) both jaan;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}@keyframes jaan{0%{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)scale(.3)}25%{opacity:1;transform:translate(-50%,-50%)rotate(-8deg)scale(1.1)}75%{opacity:1;transform:translate(-50%,-50%)rotate(-8deg)scale(1)}to{opacity:0;transform:translate(-50%,-60%)rotate(-8deg)scale(1)}}.confetti{pointer-events:none;z-index:5;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti i{border-radius:3px;width:10px;height:14px;animation:linear both fall;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}.finish-actions{flex-direction:column;gap:10px;display:flex}.finish-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.book-toast{color:var(--sub);justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.book-screen{background:linear-gradient(#fff4f8,#f7efff)}.book-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:4px 16px;display:flex;position:relative}.book-page{touch-action:none;border-radius:10px;flex:none;position:relative;overflow:hidden;box-shadow:0 14px 36px #5a285038,0 0 0 1px #0000000a}.book-page canvas{touch-action:pan-y;width:100%;height:100%}.book-page.is-editing canvas{touch-action:none}.book-nav{color:var(--sub);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:14px;padding:6px 0 4px;font-size:14px;font-weight:800;display:flex}.book-actions{gap:8px;display:flex}.book-empty{text-align:center;color:var(--sub);padding:30px 24px;font-size:14px;font-weight:700;line-height:1.8}.deco-bar{align-items:center;gap:4px;display:flex}.bg-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.bg-swatch{-webkit-appearance:none;appearance:none;aspect-ratio:3/4;cursor:pointer;color:var(--ink);border:0;border-radius:12px;justify-content:center;align-items:flex-end;padding-bottom:6px;font-size:11px;font-weight:800;display:flex;box-shadow:inset 0 0 0 1.5px #00000014}.bg-swatch.is-on{box-shadow:0 0 0 2px #fff, 0 0 0 4.5px var(--accent)}.sheet-detail-img{width:100%;box-shadow:var(--shadow-sm);-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;border-radius:12px;display:block}.settings-group{box-shadow:var(--shadow-sm);background:#fff;border-radius:22px;margin:0 16px 16px;padding:4px 18px}.settings-group+.settings-label{margin-top:6px}.settings-label{color:var(--sub);padding:8px 26px;font-size:12.5px;font-weight:800}.settings-item{-webkit-appearance:none;appearance:none;text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:0;border-top:1px solid #f6e9f0;align-items:center;gap:10px;padding:14px 0;font-size:15px;font-weight:800;display:flex}.settings-group>:first-child{border-top:0}.settings-item span{flex:1}.settings-item small{color:var(--sub);font-weight:700}.settings-block{border-top:1px solid #f6e9f0;padding:14px 0}.settings-block-title{margin-bottom:10px;font-size:15px;font-weight:800}.doc{font-size:14px;line-height:1.85}.doc h3{margin:18px 0 4px;font-size:15px}.doc p,.doc ul,.doc ol{margin:4px 0}.doc ul,.doc ol{padding-left:1.3em}.guide-steps{flex-direction:column;gap:12px;margin:8px 0 4px;display:flex}.guide-step{background:#fff6fa;border-radius:18px;align-items:center;gap:12px;padding:12px;font-size:14.5px;font-weight:700;line-height:1.55;display:flex}.guide-num{background:var(--accent);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-weight:800;display:flex}.guide-icon{vertical-align:middle;box-shadow:inset 0 0 0 1.5px var(--line);background:#fff;border-radius:8px;margin:0 2px;padding:2px 6px;display:inline-flex}.welcome-art{text-align:center;margin:6px 0 2px;font-size:54px}.welcome-title{font-family:var(--font-pop);text-align:center;margin:4px 0 10px;font-size:22px;line-height:1.5}.error-screen{text-align:center;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:30px;line-height:1.8;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.update-banner{margin:0 16px 10px}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:600px){.screen{max-width:520px;margin:0 auto}}.camera-screen .icon-btn-plain{color:#fff}.camera-stage{position:relative}.camera-error-overlay{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}@supports (color:color-mix(in srgb, red, red)){.btn-primary{box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 35%, transparent), inset 0 1px 0 #ffffff73}.seg.is-on{box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 30%, transparent)}.spinner{border-color:color-mix(in srgb, var(--accent) 25%, transparent);border-top-color:var(--accent)}.machine-card.is-on{box-shadow:0 0 0 3px var(--m-accent), 0 12px 26px color-mix(in srgb, var(--m-accent) 30%, transparent)}.machine-tag{background:color-mix(in srgb, var(--m-accent) 14%, white)}.face-marker.is-on{box-shadow:0 0 0 3px #ffffffe6, 0 0 20px color-mix(in srgb, var(--accent) 60%, transparent)}.finish-screen{background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--accent) 30%, white), transparent 60%), linear-gradient(180deg, var(--accent-soft), #fff)}}