:root{--inset-top: max(env(safe-area-inset-top), var(--tf-inset-top, 0px));--inset-right: max(env(safe-area-inset-right), var(--tf-inset-right, 0px));--inset-bottom: max(env(safe-area-inset-bottom), var(--tf-inset-bottom, 0px));--inset-left: max(env(safe-area-inset-left), var(--tf-inset-left, 0px));--crayon-inset-top: var(--inset-top);--crayon-inset-right: var(--inset-right);--crayon-inset-left: var(--inset-left)}*{box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}[hidden]{display:none!important}html,body{width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#fdfbf7;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;touch-action:none;overscroll-behavior:none}button{font-family:inherit;touch-action:manipulation}#app{display:flex;width:100%;height:100%;position:relative;direction:ltr}#app.dock-right{flex-direction:row-reverse}#sidebar{width:calc(122px + var(--crayon-inset-left));height:100%;background:#ece6d8;border-right:4px solid #d5ccb8;display:flex;flex-direction:column;justify-content:space-between;padding:max(10px,var(--inset-top)) 0 max(10px,var(--inset-bottom)) var(--crayon-inset-left);z-index:10;box-shadow:4px 0 15px #00000014;transition:background .3s ease,border-color .3s ease}#app.dock-right #sidebar{width:calc(122px + var(--crayon-inset-right));padding-left:0;padding-right:var(--crayon-inset-right);border-right:none;border-left:4px solid #d5ccb8;box-shadow:-4px 0 15px #00000014}body.dark-mode #sidebar{background:#1e293b;border-color:#334155}#crayons{display:flex;flex-direction:column;gap:8px;padding:6px 10px 6px 0;flex:0 1 auto;min-height:0;overflow:hidden}#app.dock-right #crayons{padding:6px 0 6px 10px;align-items:flex-end}.crayon{height:38px;width:88px;border-radius:0 20px 20px 0;cursor:pointer;position:relative;transition:transform .16s cubic-bezier(.34,1.56,.64,1),width .16s ease;box-shadow:2px 4px 6px #00000038}#app.dock-right .crayon{border-radius:20px 0 0 20px}.crayon:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:32px;background:#ffffff47;border-left:3px solid rgba(0,0,0,.18);border-right:3px solid rgba(0,0,0,.18)}#app.dock-right .crayon:before{left:auto;right:12px}.crayon.rainbow{background:linear-gradient(90deg,#ff2d55,#ff6b00,#ffea00,#10b981,#00f0ff,#a855f7)}.crayon.rainbow:after{content:"";width:1.25em;height:1.25em;background:url(../icons/sparkle.svg) center / contain no-repeat;position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:13px;pointer-events:none}#app.dock-right .crayon.rainbow:after{right:auto;left:10px}.crayon.neon{filter:saturate(1.12)}body.dark-mode .crayon.neon{box-shadow:0 0 8px currentColor,2px 4px 6px #0006}.crayon.active{width:110px;transform:scale(1.06);box-shadow:4px 6px 12px #00000052;outline:3px solid #fff}#tools{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 8px;width:100%;flex-shrink:0;transition:gap .2s ease}#tool-group{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;transition:all .2s ease}.tool-btn{width:100%;max-width:88px;padding:8px 6px;border-radius:16px;border:3px solid rgba(0,0,0,.12);font-weight:800;font-size:12px;text-align:center;cursor:pointer;position:relative;overflow:hidden;transition:transform .15s ease,outline .15s ease,width .2s ease,height .2s ease;box-shadow:0 4px 8px #0000001f}.tool-btn.square-btn{width:88px;height:88px;aspect-ratio:1 / 1;padding:0;display:flex;align-items:center;justify-content:center;font-size:40px;line-height:1;border-radius:20px;box-shadow:0 4px 10px #00000024}.tool-btn.square-btn .btn-icon{font-size:40px;display:flex;align-items:center;justify-content:center}.sparkle-icon{width:1.15em;height:1.15em}.tool-btn:active{transform:scale(.92)}.tool-btn .label{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}#stamp-btn{background:#e0e7ff;color:#3730a3;border-color:#a5b4fc}#stamp-btn.active{outline:4px solid #6366f1;transform:scale(1.06)}#eraser-btn{background:#ffb6c1;color:#6b1d2f;border-color:#f08090}#eraser-btn.active{outline:4px solid #ff4081;transform:scale(1.06)}#clear-btn{background:#fff3cd;color:#7a5a00;border-color:#ffecb5}#clear-progress{position:absolute;left:0;top:0;bottom:0;width:0%;background:#f59e0b73;pointer-events:none;z-index:1}#parents-btn{width:88px;background:#d8dee9;color:#4c566a;font-size:11px;padding:8px 6px;border-radius:12px;opacity:.88}#tools.tool-bars,#tools.tool-bars #tool-group{gap:8px}#tools.tool-bars .tool-btn.square-btn{width:88px;height:46px;aspect-ratio:auto;border-radius:14px}#tools.tool-bars .tool-btn.square-btn .btn-icon{font-size:26px}#tools.compressed-row{gap:6px}#tools.compressed-row #tool-group{flex-direction:row;justify-content:space-between;width:100%;max-width:104px;gap:5px}#tools.compressed-row .tool-btn.square-btn{width:auto;flex:1;max-width:34px;height:34px;font-size:19px;border-radius:10px;border-width:2.5px;box-shadow:0 3px 6px #0000001f}#tools.compressed-row .tool-btn.square-btn .btn-icon{font-size:19px}#tools.compressed-row #stamp-btn.active,#tools.compressed-row #eraser-btn.active{outline-width:3px}#tools.compressed-row #parents-btn{width:100%;max-width:104px;padding:6px 4px;font-size:10.5px}#tools.ultra-compact{gap:4px}#tools.ultra-compact #tool-group{flex-direction:row;justify-content:space-between;width:100%;max-width:90px;gap:3px}#tools.ultra-compact .tool-btn.square-btn{width:auto;flex:1;height:24px;max-width:28px;aspect-ratio:auto;border-radius:6px;border-width:2px}#tools.ultra-compact .tool-btn.square-btn .btn-icon{font-size:14px}#tools.ultra-compact #stamp-btn.active,#tools.ultra-compact #eraser-btn.active{outline-width:2px;transform:scale(1.04)}#tools.ultra-compact #parents-btn{width:100%;max-width:90px;padding:4px 2px;font-size:9px;border-radius:8px;border-width:2px}@media(max-height:559px){#tools{gap:6px}#tool-group{flex-direction:row;justify-content:space-between;width:100%;max-width:104px;gap:5px}.tool-btn.square-btn{width:auto;flex:1;aspect-ratio:1 / 1;max-width:34px;height:34px;border-radius:10px;border-width:2.5px;box-shadow:0 3px 6px #0000001f}.tool-btn.square-btn .btn-icon{font-size:19px}#parents-btn{width:100%;max-width:104px;padding:6px 4px;font-size:10.5px}}@media(max-height:440px){#crayons{gap:4px}.crayon{height:26px}#tools{gap:4px}#tool-group{max-width:90px;gap:3px}.tool-btn.square-btn{height:24px;max-width:28px;aspect-ratio:auto;border-radius:6px;border-width:2px}.tool-btn.square-btn .btn-icon{font-size:14px}#parents-btn{width:100%;max-width:90px;padding:4px 2px;font-size:9px}}@media(max-height:340px){#tools{gap:3px}#tool-group{max-width:82px;gap:2px}.tool-btn.square-btn{height:20px;font-size:12px;border-radius:5px}#parents-btn{padding:3px 2px;font-size:8px}}#app.upright{display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:100%}#app.upright #sidebar{display:contents}#app.upright #crayons{grid-row:1}#app.upright #canvas-wrap{grid-row:2}#app.upright #tools{grid-row:3}#app.upright #crayons,#app.upright #tools{background:#ece6d8;border-color:#d5ccb8;z-index:10;transition:background .3s ease,border-color .3s ease}#app.upright #crayons{flex-direction:row;justify-content:center;align-items:flex-start;height:calc(var(--crayon-len, 56px) + 18px + var(--crayon-inset-top));padding:var(--crayon-inset-top) max(8px,var(--crayon-inset-right)) 0 max(8px,var(--crayon-inset-left));border-bottom:4px solid #d5ccb8;box-shadow:0 4px 15px #00000014}#app.upright .crayon{flex:none;width:30px;height:var(--crayon-len, 56px);border-radius:0 0 15px 15px;transition:transform .16s cubic-bezier(.34,1.56,.64,1),height .16s ease}#app.upright .crayon:before{inset:10px 0 auto;width:auto;height:20px;border-left:none;border-right:none;border-top:3px solid rgba(0,0,0,.18);border-bottom:3px solid rgba(0,0,0,.18)}#app.upright .crayon.rainbow{background:linear-gradient(180deg,#ff2d55,#ff6b00,#ffea00,#10b981,#00f0ff,#a855f7)}#app.upright .crayon.rainbow:after{inset:auto auto 5px 50%;transform:translate(-50%);font-size:11px}#app.upright .crayon.active{height:calc(var(--crayon-len, 56px) + 12px);transform:none}#app.upright #tools{flex-direction:row;justify-content:space-evenly;align-items:center;gap:10px;padding:8px max(10px,var(--inset-right)) max(8px,var(--inset-bottom)) max(10px,var(--inset-left));border-top:4px solid #d5ccb8;box-shadow:0 -4px 15px #00000014}#app.upright #tool-group{flex-direction:row;justify-content:center;width:auto;max-width:none;gap:14px}#app.upright .tool-btn.square-btn{flex:none;width:60px;max-width:none;height:60px;aspect-ratio:1 / 1;border-radius:16px;border-width:3px}#app.upright .tool-btn.square-btn .btn-icon{font-size:30px}#app.upright #parents-btn{width:auto;min-width:78px;max-width:none;padding:8px 10px;font-size:10.5px;white-space:nowrap}#app.upright #canvas-wrap{height:auto;min-height:0}#app.upright #status-pill{top:10px;right:max(10px,var(--inset-right));left:auto}@media(min-width:600px){#app.upright #tool-group{gap:22px}#app.upright .tool-btn.square-btn{width:84px;height:84px;border-radius:20px}#app.upright .tool-btn.square-btn .btn-icon{font-size:42px}#app.upright #parents-btn{min-width:112px;padding:12px;font-size:13px}#app.upright .crayon.rainbow:after{font-size:15px}}body.dark-mode #app.upright #crayons,body.dark-mode #app.upright #tools{background:#1e293b;border-color:#334155}#canvas-wrap{flex:1;height:100%;position:relative;overflow:hidden;background:radial-gradient(circle at center,#fff,#f9f6f0);transition:background .3s ease}#canvas-wrap[data-bg=cream]{background:radial-gradient(circle at center,#fff,#fdfbf7)}#canvas-wrap[data-bg=slate]{background:radial-gradient(circle at center,#1e293b,#0f172a)}#canvas-wrap[data-bg=chalk]{background:radial-gradient(circle at center,#065f46,#064e3b)}#canvas-wrap[data-bg=midnight]{background:radial-gradient(circle at center,#0b132b,#020617)}#canvas-wrap[data-bg=sky]{background:radial-gradient(circle at center,#f0f9ff,#e0f2fe)}body.dark-mode #canvas-wrap{background:radial-gradient(circle at center,#0f172a,#020617)}canvas{display:block;width:100%;height:100%;cursor:crosshair}#paint-canvas{position:relative;z-index:1}#glow-canvas{display:none;position:absolute;inset:0;z-index:0;pointer-events:none;filter:blur(6px) saturate(1.4) brightness(1.15);opacity:.9;will-change:transform}#status-pill{position:absolute;top:max(12px,var(--inset-top));right:max(14px,var(--inset-right));background:#ffffffd9;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;color:#475569;pointer-events:none;box-shadow:0 2px 6px #00000014}#app.dock-right #status-pill{right:auto;left:max(14px,var(--inset-left))}body.dark-mode #status-pill{background:#1e293bd9;color:#cbd5e1}.overlay{position:fixed;inset:0;padding:var(--fold-pad-top, 0px) var(--fold-pad-right, 0px) var(--fold-pad-bottom, 0px) var(--fold-pad-left, 0px);background:#0f172ae0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100;display:none;align-items:center;justify-content:center}.overlay.visible{display:flex}#gate-overlay{z-index:120}#gate-instructions{background:#fff;padding:28px 36px;border-radius:24px;text-align:center;max-width:420px;margin:0 140px;box-shadow:0 12px 32px #00000059}#gate-instructions h2{color:#1e293b;margin-bottom:10px;font-size:22px}#gate-instructions p{color:#475569;font-size:16px;line-height:1.4;margin-bottom:18px}#gate-progress{font-size:18px;font-weight:800;color:#2563eb;min-height:28px;margin-bottom:12px}.corner-btn{position:fixed;width:96px;height:96px;border-radius:24px;background:#3b82f6;color:#fff;font-size:34px;font-weight:900;border:4px solid #93c5fd;box-shadow:0 8px 20px #0006;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .2s ease}.corner-btn:active{transform:scale(.9)}.corner-btn.pressed{background:#22c55e;border-color:#86efac;pointer-events:none;transform:scale(.92)}.corner-btn.tl{top:max(24px,var(--inset-top));left:max(24px,var(--inset-left))}.corner-btn.tr{top:max(24px,var(--inset-top));right:max(24px,var(--inset-right))}.corner-btn.bl{bottom:max(24px,var(--inset-bottom));left:max(24px,var(--inset-left))}.corner-btn.br{bottom:max(24px,var(--inset-bottom));right:max(24px,var(--inset-right))}@media(orientation:portrait){#gate-instructions{margin:0 16px;max-height:calc(100% - 264px);overflow-y:auto}}html.fold-v #gate-instructions,html.fold-h #gate-instructions{margin:0 16px;max-height:calc(100% - 264px);overflow-y:auto}.modal-card{background:#fff;border-radius:24px;padding:24px 28px;width:94%;max-width:560px;max-height:calc(92vh - var(--fold-pad-top, 0px) - var(--fold-pad-bottom, 0px));overflow-y:auto;touch-action:pan-y;box-shadow:0 16px 40px #0006;color:#1e293b}.modal-card h2{font-size:22px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-card.centered{text-align:center}.modal-card.centered h2{justify-content:center}.modal-card .lead{color:#475569;margin-bottom:18px;line-height:1.5}.parents-card{max-width:600px;padding:0;overscroll-behavior:contain}.parents-card:focus{outline:none}#parents-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 12px 22px;background:#fff;border-bottom:1px solid #e2e8f0}.pm-heading{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0}#parents-header h2{display:block;margin:0;font-size:20px}.done-btn{flex:none;min-height:44px;padding:10px 22px;border:none;border-radius:999px;background:#1e293b;color:#fff;font-weight:800;font-size:15px;cursor:pointer}.pm-body{padding:14px 16px 18px}.pm-section{display:block;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:12px 14px 14px;margin-bottom:10px;break-inside:avoid}.pm-section h3{font-size:16px;font-weight:800;color:#0f172a;margin-bottom:8px}.field-label{display:block;font-size:13px;font-weight:700;color:#475569;margin:12px 0 6px}.pm-section h3+.field-label{margin-top:0}.pm-section.offer{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;background:linear-gradient(135deg,#fff7ed,#fef3c7);border:2px solid #fdba74}.offer-text{flex:1 1 250px}.offer-text h3{font-size:20px;margin-bottom:4px}.offer-text p{font-size:14px;line-height:1.4;color:#7c2d12}.offer-text .offer-points{margin-top:4px;font-size:13px;color:#9a3412}.offer-actions{flex:1 1 220px;display:flex;flex-direction:column;gap:2px}.buy-btn{padding:15px 18px;border:none;border-radius:16px;background:linear-gradient(180deg,#fb923c,#ea580c);color:#fff;font-weight:900;font-size:18px;box-shadow:0 6px 16px #ea580c59;cursor:pointer}.buy-btn:active{transform:translateY(1px)}.buy-btn:disabled{opacity:.6;cursor:progress}.link-btn{align-self:center;min-height:44px;padding:8px;border:none;background:none;color:#475569;font-weight:700;font-size:13px;text-decoration:underline;cursor:pointer}.offer .link-btn{color:#9a3412}.seg{display:flex;gap:4px;padding:4px;border-radius:14px;background:#e2e8f0}.seg [role=radio]{flex:1 1 auto;min-width:0;min-height:44px;padding:8px 6px;border:none;border-radius:10px;background:transparent;color:#334155;font-weight:700;font-size:14px;cursor:pointer}.seg [aria-checked=true]{background:#fff;color:#1d4ed8;box-shadow:0 1px 4px #0f172a33}.swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.swatches [role=radio]{display:flex;justify-content:center;padding:4px 0;border:none;background:none;cursor:pointer}.field-label .chosen{margin-inline-start:6px;font-weight:800;color:#1d4ed8}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.swatch{position:relative;width:100%;max-width:64px;aspect-ratio:1;border-radius:14px;border:2px solid #cbd5e1}[data-bg=cream] .swatch{background:#fdfbf7}[data-bg=slate] .swatch{background:#0f172a}[data-bg=chalk] .swatch{background:#064e3b}[data-bg=midnight] .swatch{background:radial-gradient(circle at 30% 30%,#fff 0 1.5px,transparent 2px),radial-gradient(circle at 70% 60%,#fde68a 0 1.5px,transparent 2px),radial-gradient(circle at 45% 80%,#fff 0 1px,transparent 1.5px),#020617}[data-bg=sky] .swatch{background:linear-gradient(180deg,#bae6fd,#e0f2fe)}.swatches [aria-checked=true] .swatch{border-color:#2563eb;box-shadow:0 0 0 3px #bfdbfe}.swatches [aria-checked=true] .swatch:after{content:"\2713";position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#2563eb;color:#fff;font-size:12px;font-weight:900;line-height:20px;text-align:center}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tiles [role=radio]{min-height:46px;padding:8px 6px;border:2px solid #e2e8f0;border-radius:14px;background:#fff;color:#334155;font-weight:700;font-size:14px;cursor:pointer}.tiles [aria-checked=true]{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;box-shadow:0 0 0 3px #bfdbfe}.switch{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:10px;padding:10px 12px;border:2px solid #e2e8f0;border-radius:14px;background:#fff;color:#1e293b;font-weight:700;font-size:14px;text-align:start;cursor:pointer}.switch .knob{flex:none;position:relative;width:48px;height:28px;border-radius:14px;background:#cbd5e1;transition:background .2s ease}.switch .knob:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s ease}.switch[aria-checked=true] .knob{background:#16a34a}.switch[aria-checked=true] .knob:after{transform:translate(20px)}html[dir=rtl] .switch .knob:after{left:auto;right:3px}html[dir=rtl] .switch[aria-checked=true] .knob:after{transform:translate(-20px)}html[dir=rtl] #side-options{direction:ltr}html[dir=rtl] #side-options>button{direction:rtl}#brush-size-value{unicode-bidi:isolate;direction:ltr}.help{margin-top:10px}.help summary{display:flex;align-items:center;gap:6px;min-height:44px;list-style:none;cursor:pointer;font-size:13px;font-weight:700;color:#2563eb}.help summary::-webkit-details-marker{display:none}.help summary:before{content:"\25b8"}.help[open] summary:before{content:"\25be"}.help .hint{font-size:13px}.pm-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:2px 4px 0}.pm-footer .hint{flex:1 1 260px;margin:0}.pm-footer a{color:#2563eb}.pm-footer .exit-btn{flex:0 0 auto;width:auto;margin:0;padding:10px 18px}@media(min-width:900px){.parents-card{max-width:940px;max-height:calc(95vh - var(--fold-pad-top, 0px) - var(--fold-pad-bottom, 0px))}.pm-columns{columns:2 340px;column-gap:10px}}.badge{font-size:12px;padding:4px 10px;border-radius:12px;white-space:nowrap}.badge.trial{background:#fef08a;color:#854d0e}.badge.pro{background:#bbf7d0;color:#166534}.hint{font-size:12px;color:#64748b;margin-top:6px;line-height:1.4}.hint:empty{display:none}.slider-row{display:flex;align-items:center;gap:14px}#brush-size{flex:1;min-width:0;height:36px;accent-color:#2563eb;cursor:pointer;touch-action:none}.brush-preview-box{flex:none;width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#f1f5f9}#brush-preview{display:block;border-radius:50%;background:#1e293b}.btn-row{display:flex;gap:10px}.primary-btn{width:100%;padding:13px;border-radius:14px;border:none;background:#16a34a;color:#fff;font-weight:800;font-size:15px;cursor:pointer;margin-top:6px}.primary-btn:disabled,.secondary-btn:disabled{opacity:.55;cursor:progress}.secondary-btn{width:100%;min-height:44px;padding:10px;border-radius:12px;border:2px solid #cbd5e1;background:transparent;color:#475569;font-weight:700;font-size:13px;cursor:pointer;margin-top:6px}#gate-round{font-size:14px;font-weight:700;color:#64748b;margin-bottom:4px}.lock-status{font-size:14px;font-weight:800;margin:2px 0 4px;color:#475569}.lock-status.locked{color:#16a34a}.lock-steps{margin:8px 0 4px;padding-inline-start:22px}.lock-steps li{margin:0 0 10px;font-size:13px;line-height:1.4;color:#475569}.lock-steps li:after{content:"";display:block;clear:both}.lock-steps li::marker{font-weight:800;color:#1e293b}.lock-steps li strong{display:block;color:#1e293b}.lock-steps li.done strong:after{content:" \2705"}.lock-steps .secondary-btn{display:block;margin-top:6px}.lock-button-pic{float:right;margin:0 0 4px 8px}.lock-button-pic .body{fill:#e2e8f0;stroke:#64748b;stroke-width:1.5}.lock-button-pic .screen{fill:#fff}.lock-button-pic .press{fill:#f97316}.lock-button-pic .times{fill:#f97316;font:800 15px system-ui,sans-serif;text-anchor:middle}.exit-btn{width:100%;min-height:44px;padding:10px;border-radius:12px;border:2px solid #dc2626;background:#fef2f2;color:#b91c1c;font-weight:800;font-size:13px;cursor:pointer;margin-top:6px}body:not(.dev-mode) .dev-only{display:none!important}#toast{position:fixed;left:50%;bottom:max(28px,var(--inset-bottom));transform:translate(-50%,20px);background:#1e293b;color:#f8fafc;padding:12px 20px;border-radius:14px;font-weight:700;font-size:14px;box-shadow:0 10px 25px #0000004d;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:200;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%)}.seg [role=radio],.tiles [role=radio],.swatches [role=radio],.switch,.buy-btn,.done-btn,.link-btn,.primary-btn,.secondary-btn,.exit-btn,.badge,#parents-btn,.lock-status{max-width:100%;line-height:1.25;overflow-wrap:anywhere;hyphens:auto}.seg [role=radio],.tiles [role=radio]{overflow-wrap:normal;hyphens:manual}html[lang=ko] .seg [role=radio],html[lang=ko] .tiles [role=radio]{word-break:keep-all}.seg [role=radio]{min-width:min-content}.tiles [role=radio]{padding-inline:3px;font-size:min(14px,3.7vw)}.badge{white-space:normal}.btn-row>button{flex:1 1 0;min-width:0}#status-pill{max-width:calc(100% - 28px);line-height:1.25;text-align:center;overflow-wrap:anywhere}.modal-card h2{flex-wrap:wrap;overflow-wrap:anywhere}#hold-area{position:absolute;z-index:5;width:72px;height:72px;top:max(32px,var(--inset-top));touch-action:none}#hold-area[data-side=right]{right:max(32px,var(--inset-right))}#hold-area[data-side=left]{left:max(32px,var(--inset-left))}#app.upright #hold-area{top:12px}#hold-area svg{display:block;width:100%;height:100%;opacity:0;transition:opacity .4s ease;pointer-events:none}#hold-area.ringing svg{opacity:1}.hold-track,.hold-ring{fill:none;stroke-width:4}.hold-track{stroke:#64748b24}.hold-ring{stroke:#64748b80;stroke-linecap:round}body.dark-mode .hold-track{stroke:#e2e8f024}body.dark-mode .hold-ring{stroke:#e2e8f080}.notice{margin-top:10px;padding:10px 12px 12px;border:2px solid #f59e0b;border-radius:14px;background:#fffbeb;color:#78350f;font-size:13px;line-height:1.4}#pin-manage{display:block}#pin-overlay{z-index:130}.pin-card{width:min(92%,360px);max-height:96%;overflow-y:auto;padding:20px 22px 16px;border-radius:24px;background:#fff;color:#1e293b;text-align:center;box-shadow:0 12px 32px #00000059;touch-action:manipulation}.pin-card:focus{outline:none}.pin-card h2{font-size:22px;margin-bottom:6px;justify-content:center}.pin-prompt{font-size:16px;font-weight:700;color:#475569;margin-bottom:12px}.pin-dots{display:flex;justify-content:center;gap:14px;margin-bottom:8px}.pin-dot{width:20px;height:20px;border-radius:50%;border:3px solid #94a3b8;background:transparent;transition:background .1s ease,border-color .1s ease}.pin-dot.on{background:#1d4ed8;border-color:#1d4ed8}.pin-message{min-height:22px;margin-bottom:8px;font-size:14px;font-weight:700;color:#475569}.pin-message[data-kind=wrong]{color:#b91c1c}.pin-message[data-kind=locked]{color:#b45309}.pin-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.pin-key{min-height:68px;border:none;border-radius:18px;background:#e2e8f0;color:#0f172a;font-size:30px;font-weight:800;cursor:pointer}.pin-key:active{background:#cbd5e1;transform:scale(.96)}.pin-key:disabled{opacity:.4;cursor:not-allowed}.pin-del{font-size:26px;background:#f1f5f9}.pin-card.shake{animation:pin-shake .35s ease}@keyframes pin-shake{20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.pin-card.shake{animation:none}}@media(max-height:560px){.pin-card{padding:12px 18px 10px}.pin-card h2{font-size:18px;margin-bottom:2px}.pin-prompt{margin-bottom:6px;font-size:14px}.pin-key{min-height:44px;font-size:24px;border-radius:12px}.pin-keys{gap:6px}}