@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--bg:#f0f4ff;--surface:#ffffff;--surface2:#e4eaf8;--border:#c5d0e8;--border2:#a8b8d8;--text:#0d1526;--text2:#4a5c7a;--text3:#8a9ab8;--red:#c0392b;--green:#1e7a45;--blue:#1a56a8;--yellow:#9a6800;--purple:#5b2d9a;--pink:#9a1860;--gap:8px;--pad-radius:14px}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw}body{overflow-x:hidden;background:var(--bg);color:var(--text);overscroll-behavior:none}.auth-split-page,body{font-family:Inter,sans-serif;min-height:100vh}.auth-split-page{display:flex;width:100%;color:#f1f5f9;position:relative}.auth-skip-link{position:absolute;top:-48px;left:12px;z-index:100;background:#4f46e5;color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:top .15s ease}.auth-skip-link:focus{top:12px;outline:2px solid #fff;outline-offset:2px}.auth-split-left{flex:2 1;background:linear-gradient(160deg,#131c33,#0d1526);border-right:1px solid #1e2d45;display:flex;flex-direction:column;align-items:center;padding:52px 60px;position:relative;overflow:hidden}.auth-device-shell{width:100%;max-width:380px;margin-bottom:20px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(6,12,28,.7);box-shadow:0 16px 48px rgba(0,0,0,.38),0 2px 8px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07);overflow:hidden}.auth-device-topbar{display:flex;align-items:center;justify-content:space-between;padding:9px 13px 7px;border-bottom:1px solid rgba(255,255,255,.05)}.auth-device-live{display:flex;align-items:center;gap:7px}.auth-device-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.7);animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 6px rgba(34,197,94,.7)}50%{opacity:.6;box-shadow:0 0 3px rgba(34,197,94,.3)}}.auth-device-label{font-size:10px;font-weight:600;color:rgba(255,255,255,.3);letter-spacing:.08em;text-transform:uppercase}.auth-device-pills{display:flex;gap:4px}.auth-device-pill{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.12)}.auth-device-grid-wrap{padding:12px 12px 10px}@keyframes waveform-bar{0%{height:3px}to{height:10px}}.auth-device-grid-wrap .auth-demo-grid{margin-bottom:0}.auth-demo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:76px;grid-gap:8px;gap:8px;margin-bottom:16px;width:100%;max-width:380px}.auth-demo-pad{border-radius:10px;border:1.5px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .08s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}.auth-demo-emoji{font-size:22px;line-height:1}.auth-demo-pad-img{width:26px;height:26px;border-radius:50%;object-fit:cover;object-position:top center;display:block;flex-shrink:0}.auth-demo-bottom{position:relative;height:10px;width:100%;display:flex;align-items:center;justify-content:center}.auth-demo-label{font-size:7px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.65}.auth-demo-label,.auth-demo-wave{position:absolute;transition:opacity .15s}.auth-demo-wave{display:flex;align-items:flex-end;gap:2.5px;height:10px;opacity:0}.auth-demo-wave span{width:2.5px;height:4px;border-radius:1.5px;background:currentColor}.adp-active{transform:scale(.93)}.adp-active .auth-demo-label{opacity:0}.adp-active .auth-demo-wave{opacity:1}.adp-active .auth-demo-wave span:first-child{animation:waveform-bar .36s ease-in-out 0s infinite alternate}.adp-active .auth-demo-wave span:nth-child(2){animation:waveform-bar .36s ease-in-out .13s infinite alternate}.adp-active .auth-demo-wave span:nth-child(3){animation:waveform-bar .36s ease-in-out .06s infinite alternate}.adp-red{border-color:#a03030;background:rgba(160,48,48,.18);color:#f87171}.adp-green{border-color:#2a6645;background:rgba(42,102,69,.18);color:#4ade80}.adp-blue{border-color:#2a4f8c;background:rgba(42,79,140,.18);color:#60a5fa}.adp-yellow{border-color:#8a6010;background:rgba(138,96,16,.18);color:#fbbf24}.adp-purple{border-color:#5a3090;background:rgba(90,48,144,.18);color:#a78bfa}.adp-pink{border-color:#8a2860;background:rgba(138,40,96,.18);color:#f472b6}.adp-red.adp-active{background:rgba(160,48,48,.36);border-color:#c04040;box-shadow:0 0 18px rgba(248,113,113,.35)}.adp-green.adp-active{background:rgba(42,102,69,.36);border-color:#3a8855;box-shadow:0 0 18px rgba(74,222,128,.3)}.adp-blue.adp-active{background:rgba(42,79,140,.36);border-color:#3a65b0;box-shadow:0 0 18px rgba(96,165,250,.3)}.adp-yellow.adp-active{background:rgba(138,96,16,.36);border-color:#b07820;box-shadow:0 0 18px rgba(251,191,36,.3)}.adp-purple.adp-active{background:rgba(90,48,144,.36);border-color:#7a40b0;box-shadow:0 0 18px rgba(167,139,250,.3)}.adp-pink.adp-active{background:rgba(138,40,96,.36);border-color:#b03870;box-shadow:0 0 18px rgba(244,114,182,.3)}.auth-cta-row{display:flex;gap:10px;width:100%;max-width:380px}.auth-cta-btn{flex:1 1;display:flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:10px;font-size:13px;font-weight:700;letter-spacing:.03em;text-decoration:none;text-transform:uppercase;transition:background .15s,border-color .15s}.auth-cta-demo{border:1px solid #6366f1;background:#6366f1;color:#ffffff}.auth-cta-demo:hover{background:#4f46e5;border-color:#4f46e5}.auth-cta-about{border:1px solid rgba(129,140,248,.35);background:rgba(79,70,229,.08);color:#a5b4fc}.auth-cta-about:hover{background:rgba(79,70,229,.16);border-color:rgba(129,140,248,.55)}.auth-split-brand{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin-bottom:36px;width:100%;max-width:540px}.auth-split-logo-img{width:34px;height:34px;flex-shrink:0}.auth-split-brandname{font-size:16px;display:inline-flex;align-items:baseline}.auth-split-brand-text{display:flex;flex-direction:column;gap:4px}.auth-byline{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:#64748b;text-decoration:none;transition:color .15s;white-space:nowrap;letter-spacing:.01em}.auth-byline:hover{color:#94a3b8}.auth-mobile-signin{margin-left:auto;font-size:12px;font-weight:600;color:#a5b4fc;border:1px solid rgba(129,140,248,.4);background:rgba(79,70,229,.12);border-radius:20px;padding:5px 13px;cursor:pointer;font-family:Inter,sans-serif;transition:background .15s;white-space:nowrap;flex-shrink:0}.auth-mobile-signin:hover{background:rgba(79,70,229,.22)}@media (min-width:769px){.auth-mobile-signin{display:none}}.auth-split-hero{position:relative;z-index:2;flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:540px;text-align:center}.auth-split-headline{font-size:32px;font-weight:800;color:#f8fafc;line-height:1.15;letter-spacing:-.02em;margin-bottom:12px}.auth-split-headline span{color:#818cf8}.auth-split-sub{font-size:14px;font-weight:500;color:#cbd5e1;line-height:1.6;margin-bottom:20px}.auth-sub-desktop,.auth-sub-tablet{display:none}.auth-sub-mobile{display:block}.auth-feature-grid{display:none;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:480px;margin-bottom:20px}.auth-feature-cell{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:10px}.auth-feature-icon{font-size:20px;line-height:1;flex-shrink:0;margin-top:1px}.auth-feature-title{font-size:12px;font-weight:700;color:#e2e8f0;line-height:1.3;margin-bottom:3px;letter-spacing:.01em}.auth-feature-desc{font-size:11px;color:#64748b;line-height:1.45}.auth-trust-chips{display:none;flex-wrap:wrap;gap:7px;margin-top:16px}.auth-trust-chip{display:inline-flex;align-items:center;gap:5px;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.22);border-radius:20px;padding:4px 11px;font-size:11px;font-weight:500;color:#a5b4fc;white-space:nowrap}.auth-tap-badge{display:inline-block;border:1.5px solid rgba(129,140,248,.45);background:rgba(79,70,229,.18);border-radius:6px;padding:1px 8px 3px;font-family:inherit;font-weight:800;font-size:.82em;vertical-align:middle;color:#a5b4fc;letter-spacing:-.01em;line-height:1.4}.auth-split-right{flex:1 1;width:auto;display:flex;align-items:center;justify-content:center;padding:48px 32px;background:#0f172a}.auth-split-card{width:100%;max-width:360px}.auth-split-card-title{font-size:22px;font-weight:700;color:#f8fafc;margin-bottom:6px;letter-spacing:-.01em}.auth-split-card-sub{font-size:13px;color:#94a3b8;margin-bottom:28px;line-height:1.5}.auth-split-divider{display:flex;align-items:center;gap:12px;margin:4px 0 12px}.auth-split-divider-line{flex:1 1;height:1px;background:#253b5a}.auth-split-divider span{font-size:11px;color:#64748b;font-weight:500;letter-spacing:.05em}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 16px;background:#ffffff;color:#1f2937;border:none;border-radius:9px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;margin-bottom:16px;transition:background .15s}.auth-google-btn:hover{background:#f1f5f9}.auth-google-btn:disabled{opacity:.7;cursor:not-allowed}.auth-split-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;padding-top:16px;border-top:1px solid #253b5a}.auth-split-footer-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:#6366f1;text-decoration:none;transition:color .15s}.auth-split-footer-link:hover{color:#818cf8}.auth-split-footer-sep{font-size:10px;color:#334155;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width:1024px){.auth-split-headline{font-size:38px}.auth-sub-mobile{display:none}.auth-sub-desktop{display:block}.auth-feature-grid{display:grid}.auth-trust-chips{display:flex;justify-content:center}}@media (min-width:769px) and (max-width:1023px){.auth-sub-mobile{display:none}.auth-sub-tablet{display:block}.auth-feature-grid{display:grid}}@media (max-width:768px){.auth-split-page{flex-direction:column}.auth-split-left{width:100%;padding:40px 24px 32px;border-right:none;border-bottom:1px solid #1e2d45;align-items:center}.auth-split-headline,.auth-split-left,.auth-split-sub{text-align:center}.auth-cta-row{align-self:stretch}.auth-trust-chips{justify-content:center}.auth-split-hero{flex:unset}.auth-demo-grid{grid-auto-rows:68px}.auth-split-brand{margin-bottom:40px}.auth-split-headline{margin-bottom:20px}.auth-split-sub{margin-bottom:28px}.auth-split-right{width:100%;padding:32px 20px 48px}.auth-split-card-sub,.auth-split-card-title{text-align:center}}@media (max-width:480px){.auth-demo-grid{grid-auto-rows:60px;gap:6px}.auth-split-brand{margin-bottom:24px}}@media (max-width:768px){.auth-split-demo-cta{border-radius:50px;align-self:stretch;justify-content:center;margin-top:8px}}.auth-tabs{display:flex;gap:0;background:#0f172a;border:1px solid #334155;border-radius:10px;overflow:hidden;margin-bottom:24px;padding:3px;gap:3px}.auth-tab{flex:1 1;padding:8px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#64748b;transition:background .15s,color .15s}.auth-tab:hover{color:#94a3b8}.auth-tab.active{background:#4f46e5;color:#fff;-webkit-text-fill-color:#fff}.auth-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.auth-field label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8}.auth-field input{padding:11px 14px;border:1.5px solid #2d3f5a;border-radius:8px;font-family:Inter,sans-serif;font-size:16px;background:#1a2744;color:#f1f5f9;outline:none;transition:border-color .15s;width:100%}.auth-field input::placeholder{color:#64748b}.auth-field input:focus{border-color:#6366f1}.auth-error{font-size:12px;color:#f87171;margin-bottom:6px;min-height:0}.auth-success{color:#4ade80}.auth-submit{width:100%;padding:11px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px;transition:background .15s}.auth-submit:hover{background:#4338ca}.auth-submit:disabled{opacity:.4;cursor:not-allowed}.auth-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px}.auth-footer-sep{color:#334155;font-size:12px}.auth-footer-link{font-size:12px;color:#475569;text-decoration:none;transition:color .15s}.auth-footer-link:hover{color:#818cf8}.demo-cta-banner{width:100%;max-width:420px;margin:12px auto 0;background:rgba(79,70,229,.08);border:1px solid rgba(79,70,229,.2);border-radius:12px;padding:14px 18px;align-items:flex-start;gap:10px}.demo-cta-banner,.demo-cta-text{display:flex;flex-direction:column}.demo-cta-text{gap:6px;flex:1 1;min-width:0}.demo-cta-top-row{font-size:12px;color:#818cf8;font-weight:500}.demo-cta-heading{font-size:13px;font-weight:700;color:#6366f1;letter-spacing:.01em}.demo-cta-subhead{font-size:12px;color:#818cf8;font-weight:500}.demo-cta-benefits{display:grid;grid-template-columns:1fr 1fr;grid-gap:2px 12px;gap:2px 12px;font-size:11px;color:#818cf8;font-weight:500}.ep-demo-note{background:rgba(79,70,229,.07);border:1px solid rgba(79,70,229,.18);border-radius:8px;padding:10px 12px;font-size:12px;color:#818cf8;line-height:1.55;display:flex;flex-direction:column;gap:4px}.ep-demo-note-heading{font-size:12px;font-weight:700;color:#6366f1}.demo-banner-link{align-self:flex-end;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#fff;background:#4f46e5;text-decoration:none;padding:7px 14px;border-radius:8px;white-space:nowrap;flex-shrink:0;transition:background .15s}.demo-banner-link:hover{background:#4338ca}.demo-controls-left{display:flex;align-items:center;gap:8px;flex:1 1}.vol-pill--compact{padding:5px 10px!important}.vol-pill--compact input[type=range]{width:64px}@media (max-width:600px){.pad-key,.vol-pill,.vol-pill--compact{display:none!important}}.demo-tooltip{position:absolute;top:calc(100% + 10px);left:0;background:#597B64;color:#ffffff;border-radius:12px;padding:14px 36px 14px 14px;width:200px;box-shadow:0 8px 28px rgba(89,123,100,.45),0 2px 8px rgba(0,0,0,.2);z-index:200;pointer-events:all}.demo-tooltip-title{font-size:13px;line-height:1.4;margin:0;font-family:Inter,system-ui,sans-serif;font-weight:700;color:#ffffff}.demo-tooltip-divider{border:none;border-top:1px solid rgba(255,255,255,.25);margin:8px 0}.demo-tooltip-text{font-size:13px;line-height:1.55;margin:0;font-family:Inter,system-ui,sans-serif;font-weight:500;color:#ffffff}.demo-tooltip-close{position:absolute;top:8px;right:10px;background:none;border:none;font-size:16px;line-height:1;color:rgba(255,255,255,.6);cursor:pointer;padding:6px;margin:-6px}.demo-tooltip-close:hover{color:#ffffff}.demo-tooltip-arrow{position:absolute;top:-7px;left:30px;width:14px;height:7px;overflow:hidden}.demo-tooltip-arrow:before{content:"";position:absolute;bottom:-7px;left:0;width:14px;height:14px;background:#597B64;transform:rotate(45deg);transform-origin:center}.demo-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.demo-loading-brand{display:flex;align-items:center;gap:8px}.demo-mode-pill{display:inline-flex;align-items:center;gap:6px;background:#4f46e5;color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 14px;border-radius:20px}.demo-loading-row{display:flex;align-items:center;gap:8px;margin-top:4px}.demo-spinner{width:16px;height:16px;border:2px solid var(--border);border-top:2px solid #4f46e5;border-radius:50%;animation:demo-spin .7s linear infinite;flex-shrink:0}@keyframes demo-spin{to{transform:rotate(1turn)}}.demo-loading-text{font-size:13px;color:var(--text3);letter-spacing:.04em}.icp-demo-locked{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;border:1px dashed var(--border2);border-radius:10px;text-align:center;background:var(--bg)}.icp-lock-icon{font-size:20px}.icp-lock-text{font-size:12px;color:var(--text2)}.icp-lock-cta{font-size:12px;font-weight:700;color:#6366f1;text-decoration:none}.icp-lock-cta:hover{text-decoration:underline}.sb-page{align-items:center;padding:28px 12px 60px;min-height:100vh;overflow-x:hidden;max-width:100vw}.sb-page,.top{display:flex;flex-direction:column;width:100%}.top{max-width:420px;margin:0 auto 28px;gap:0}.top-meta-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.wordmark{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;display:inline-block;border-bottom:1px dashed transparent;transition:border-color .15s,color .15s;padding-bottom:1px}.wordmark:hover{border-bottom-color:var(--text3);color:var(--text2)}.wordmark-edit{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wordmark-input{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;background:var(--surface);border:1px solid var(--border2);border-radius:5px;padding:3px 7px;color:var(--text);outline:none;width:180px;font-family:Inter,sans-serif}.btn-sm{padding:4px 9px;font-size:10px}.top-right{flex-wrap:wrap}.top-right,.user-row{display:flex;align-items:center;gap:8px;min-width:0}.user-email{font-size:11px;color:var(--text3);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.vol-pill{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 12px}.vol-label{font-size:12px;font-weight:500;color:var(--text2);white-space:nowrap}input[type=range]{-webkit-appearance:none;width:80px;height:2px;background:var(--border2);border-radius:1px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--text);border-radius:50%}.status-bar{max-width:420px;margin-left:auto;margin-right:auto;margin-bottom:20px}.status-bar,.status-pill{width:100%;display:flex;justify-content:center}.status-pill{align-items:center;font-size:13px;font-weight:500;letter-spacing:.02em;padding:10px 20px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--text3);transition:background .2s,border-color .2s,color .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill.active{background:rgba(58,125,90,.08);border-color:rgba(58,125,90,.25);color:var(--green)}.status-pill.stopped{background:rgba(217,79,61,.07);border-color:rgba(217,79,61,.2);color:var(--red)}.exit-edit-btn{width:100%;background:var(--red);border-color:var(--red);color:#ffffff;font-size:13px;font-weight:600;padding:10px 20px;border-radius:10px;text-align:center}.exit-edit-btn:hover{opacity:.88}.numpad{display:grid;width:100%;max-width:420px;margin:0 auto 20px;box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,96px) 56px;grid-gap:var(--gap);gap:var(--gap);touch-action:none}.pad-7{grid-column:1;grid-row:1}.pad-8{grid-column:2;grid-row:1}.pad-9{grid-column:3;grid-row:1}.pad-minus{grid-column:4;grid-row:1}.pad-4{grid-column:1;grid-row:2}.pad-5{grid-column:2;grid-row:2}.pad-6{grid-column:3;grid-row:2}.pad-plus{grid-column:4;grid-row:2}.pad-1{grid-column:1;grid-row:3}.pad-2{grid-column:2;grid-row:3}.pad-3{grid-column:3;grid-row:3}.pad-enter{grid-column:4;grid-row:3/span 2}.pad-0{grid-column:1/span 2;grid-row:4}.pad-dot{grid-column:3;grid-row:4}.pad-stop{grid-column:1/span 4;grid-row:5;background:var(--surface);border:2px solid var(--border2);border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;position:relative;transition:background .15s,transform .07s;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pad-stop:hover{background:rgba(217,79,61,.1)}.pad-stop:active{transform:scale(.98)}.pad-stop.fire{animation:tap .14s ease-out}@keyframes tap{0%{transform:scale(.93)}60%{transform:scale(1.04)}to{transform:scale(1)}}.pad-stop-icon{font-size:14px;line-height:1}.pad-stop-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}.pad{background:var(--surface);border:2px solid var(--border);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;position:relative;transition:background .15s,border-color .1s,box-shadow .1s,transform .07s;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;overflow:hidden;min-height:0;min-width:0}.pad:hover{background:var(--surface2)}.pad:active{transform:scale(.93)}.pad.sel{border-color:var(--text);background:var(--surface2);box-shadow:inset 0 0 0 1px var(--text)}.pad.fire{transform:scale(.93)}.pad:before{display:none}.pad.c-red{border-color:#e8a0a0;background:#fff5f5;color:#c0392b}.pad.c-green{border-color:#86c8a0;background:#f0faf4;color:#1e7a45}.pad.c-blue{border-color:#90b8e8;background:#f0f5ff;color:#1a56a8}.pad.c-yellow{border-color:#e8c870;background:#fffbf0;color:#9a6800}.pad.c-purple{border-color:#b89ae0;background:#f8f0ff;color:#5b2d9a}.pad.c-pink{border-color:#e890c0;background:#fff0f8;color:#9a1860}.pad.c-red:hover{background:#ffe8e8}.pad.c-green:hover{background:#e0f5ea}.pad.c-blue:hover{background:#e0ecff}.pad.c-yellow:hover{background:#fff5d0}.pad.c-purple:hover{background:#f0e8ff}.pad.c-pink:hover{background:#ffe8f5}.pad.c-red.fire{background:#ffe8e8;border-color:#c0392b;box-shadow:0 0 14px rgba(192,57,43,.2)}.pad.c-green.fire{background:#e0f5ea;border-color:#1e7a45;box-shadow:0 0 14px rgba(30,122,69,.2)}.pad.c-blue.fire{background:#e0ecff;border-color:#1a56a8;box-shadow:0 0 14px rgba(26,86,168,.2)}.pad.c-yellow.fire{background:#fff5d0;border-color:#9a6800;box-shadow:0 0 14px rgba(154,104,0,.2)}.pad.c-purple.fire{background:#f0e8ff;border-color:#5b2d9a;box-shadow:0 0 14px rgba(91,45,154,.2)}.pad.c-pink.fire{background:#ffe8f5;border-color:#9a1860;box-shadow:0 0 14px rgba(154,24,96,.2)}.pad.fire:before{display:none}.pad.edit-mode:not(.sel){border-style:dashed;border-color:#4f46e5;opacity:.9}[data-theme=dark] .pad.edit-mode:not(.sel){border-color:#818cf8}.pad-key{position:absolute;top:8px;left:10px;font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--text3);text-transform:uppercase;line-height:1}.custom-dot{position:absolute;top:11px;right:11px;width:6px;height:6px;border-radius:50%;background:var(--green)}.pad-icon-badge{display:flex;align-items:center;justify-content:center;padding:4px;background:rgba(0,0,0,.03);border-radius:7px;flex-shrink:0}[data-theme=dark] .pad-icon-badge{background:rgba(255,255,255,.04)}.pad-icon{font-size:24px;line-height:1}.pad-icon-img{width:28px;height:28px;border-radius:50%;object-fit:cover;display:block}.pad-label{font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text2);text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px;box-sizing:border-box;flex-shrink:0}.pad-wave{align-items:flex-end;justify-content:center;gap:3px;height:14px;flex-shrink:0}.pad-wave,.pad.fire .pad-label{display:none}.pad.fire .pad-wave{display:flex}.pad-wave span{width:3px;height:3px;border-radius:2px;background:currentColor}.pad.fire .pad-wave span:first-child{animation:waveform-bar .36s ease-in-out 0s infinite alternate}.pad.fire .pad-wave span:nth-child(2){animation:waveform-bar .36s ease-in-out .13s infinite alternate}.pad.fire .pad-wave span:nth-child(3){animation:waveform-bar .36s ease-in-out .06s infinite alternate}.divider{height:1px;background:var(--border);margin-bottom:16px}.controls-bar,.divider{width:100%;max-width:420px;margin-left:auto;margin-right:auto}.controls-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:0}.controls-bar-split{justify-content:space-between}.controls-bar-end{justify-content:flex-end}.ctrl-toggle{display:flex;background:var(--surface2);border:1px solid var(--border);border-radius:9px;padding:3px;gap:3px}.ctrl-btn{padding:6px 14px;font-size:12px;font-weight:500;background:transparent;border:none;border-radius:7px;cursor:pointer;color:var(--text2);transition:background .15s,color .15s;font-family:Inter,sans-serif}.ctrl-btn.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.08)}.ctrl-btn:not(.active):hover{background:var(--border)}.toggle-group{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 12px}.toggle-label{font-size:12px;font-weight:500;color:var(--text2);white-space:nowrap}.toggle{position:relative;width:34px;height:18px;cursor:pointer;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-track{position:absolute;inset:0;background:var(--border2);border-radius:9px;transition:background .2s}.toggle input:checked+.toggle-track{background:var(--green)}.toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s;pointer-events:none}.toggle input:checked~.toggle-thumb{transform:translateX(16px)}.vsep{width:1px;height:24px;background:var(--border)}.btn{font-family:Inter,sans-serif;font-size:12px;font-weight:500;padding:8px 14px;border-radius:8px;cursor:pointer;transition:all .12s;border:1px solid;white-space:nowrap;line-height:1}.btn-outline{background:transparent;border-color:var(--border2);color:var(--text2)}.btn-outline.on,.btn-outline:hover{border-color:var(--text);color:var(--text);background:var(--surface2)}.btn-edit-active{background:#4f46e5;border-color:#4f46e5;color:#ffffff}.btn-edit-active:hover{opacity:.88}.btn-solid{background:var(--text);border-color:var(--text);color:#fff}.btn-solid:hover{opacity:.85}.btn-solid:disabled{opacity:.35;cursor:not-allowed}.btn-danger{background:var(--red);border-color:var(--red);color:#fff}.btn-danger:hover{opacity:.85}.btn-confirm{background:var(--green);border-color:var(--green);color:#fff}.btn-confirm:hover{opacity:.85}.btn-danger-outline{background:transparent;border-color:var(--red);color:var(--red)}.btn-danger-outline:hover{background:rgba(217,79,61,.06)}.btn-danger-outline:disabled{opacity:.3;cursor:not-allowed}.seg-bar{display:flex;gap:4px}.seg-btn{flex:1 1;padding:6px 0;font-size:12px;font-weight:600;font-family:Inter,sans-serif;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text2);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.seg-btn:hover{background:var(--surface2);color:var(--text)}.seg-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.ep-label-cap{font-weight:400;text-transform:none;letter-spacing:0;font-size:10px;color:var(--text3)}.edit-hint{font-size:12px;color:var(--text3)}.reset-all-section{width:100%;max-width:420px;margin-left:auto;margin-right:auto;margin-top:12px;padding:12px 0 8px;border-top:1px solid var(--border)}.bottom-bar{display:flex;align-items:center;justify-content:space-between;width:100%}.btn-reset-all{font-size:12px}.reset-confirm-msg{font-size:13px;color:var(--text2)}.reset-confirm-actions{display:flex;gap:10px;margin-top:12px}.panel-group{display:flex;align-items:center;gap:8px}.panel-label{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);white-space:nowrap}input[type=text],select{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:Inter,sans-serif;font-size:13px;padding:7px 10px;border-radius:7px;outline:none;transition:border-color .15s}input[type=text]:focus,select:focus{border-color:var(--border2)}input[type=text]{width:130px}.color-row{display:flex;gap:6px}.cdot{width:16px;height:16px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .1s,border-color .1s}.cdot:hover{transform:scale(1.15)}.cdot.sel{border-color:var(--text)}.cdot.d-red{background:var(--red)}.cdot.d-green{background:var(--green)}.cdot.d-blue{background:var(--blue)}.cdot.d-yellow{background:var(--yellow)}.cdot.d-purple{background:var(--purple)}.cdot.d-pink{background:var(--pink)}.sb-logo{width:24px;height:24px;border-radius:6px;flex-shrink:0}.sb-title-row,.sb-wordmark-row{display:flex;align-items:center;gap:8px}.sb-title-row{justify-content:space-between;padding-bottom:10px}.sb-appname{font-size:17px;display:inline-flex;align-items:baseline}.logo-bracket{color:#6366f1;font-weight:500}.logo-sage{color:var(--text);font-weight:500}.logo-sounds{color:var(--text);font-weight:800;letter-spacing:-.01em;font-size:1.41em}.auth-split-brandname .logo-sage,.auth-split-brandname .logo-sounds{color:#f1f5f9}.sb-title-divider{width:100%;height:2px;background:var(--text);border-radius:1px;margin-bottom:14px}.sb-built-by{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text3);text-decoration:none;white-space:nowrap;transition:color .15s}.sb-built-by:hover{color:var(--text2)}.sb-footer{width:100%;max-width:420px;margin:16px auto 0;padding:16px 0 8px;border-top:1px solid var(--border);flex-direction:column;gap:10px}.sb-footer,.sb-footer-links{display:flex;align-items:center}.sb-footer-links{gap:12px}.sb-footer-link{font-size:12px;color:var(--text3);text-decoration:none;transition:color .15s}.sb-footer-link:hover{color:var(--text2)}.sb-footer-link--brand{display:inline-flex;align-items:center;gap:6px;color:#4f46e5;font-weight:500}.sb-footer-link--brand:hover{color:#3730a3}.sb-footer-sep{color:var(--text3);font-size:11px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text3);letter-spacing:.08em}.settings-wrap{position:relative}.settings-popover{position:absolute;right:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:4px 0;min-width:220px;z-index:100;box-shadow:0 4px 20px rgba(0,0,0,.1)}.settings-popover--up{bottom:calc(100% + 8px)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px}.settings-row+.settings-row{border-top:1px solid var(--border)}.settings-label{font-size:12px;font-weight:500;color:var(--text)}.settings-sub{font-size:10px;color:var(--text3);margin-top:1px}.settings-vol-slider{width:80px}.ep-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ep-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px rgba(0,0,0,.18);overflow:hidden}.ep-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0}.ep-header-preview{display:none}.ep-title{font-size:14px;font-weight:600;color:var(--text)}.ep-key{font-weight:500}.ep-close,.ep-key{color:var(--text3)}.ep-close{background:none;border:none;cursor:pointer;font-size:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .15s,background .15s;font-family:Inter,sans-serif}.ep-close:hover{color:var(--text);background:var(--surface2)}.ep-body{display:flex;flex:1 1;overflow:hidden;min-height:0}.ep-preview{width:148px;flex-shrink:0;border-right:1px solid var(--border);background:var(--surface2);gap:10px;padding:24px 16px}.ep-preview,.ep-preview-pad{display:flex;flex-direction:column;align-items:center;justify-content:center}.ep-preview-pad{width:96px;height:96px;border-radius:16px;border:2px solid;gap:5px;position:relative;transition:background .15s,border-color .15s}.ep-preview-pad.c-red{border-color:var(--red);background:rgba(217,79,61,.08)}.ep-preview-pad.c-green{border-color:var(--green);background:rgba(58,125,90,.08)}.ep-preview-pad.c-blue{border-color:var(--blue);background:rgba(53,98,166,.08)}.ep-preview-pad.c-yellow{border-color:var(--yellow);background:rgba(201,135,10,.08)}.ep-preview-pad.c-purple{border-color:var(--purple);background:rgba(112,71,176,.08)}.ep-preview-pad.c-pink{border-color:var(--pink);background:rgba(196,77,135,.08)}.ep-preview-key{position:absolute;top:5px;left:7px;font-size:8px;font-weight:700;color:var(--text3);letter-spacing:.04em}.ep-preview-icon{font-size:30px;line-height:1}.ep-preview-label{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text);text-align:center;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-preview-hint{font-size:10px;color:var(--text3);text-align:center;margin:0}.ep-controls{flex:1 1;min-width:0;overflow-y:auto;padding:16px 20px 20px;gap:14px}.ep-controls,.ep-group{display:flex;flex-direction:column}.ep-group{gap:6px}.ep-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text2)}.ep-card{display:flex;flex-direction:column;gap:10px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.ep-card input[type=text]{width:100%;font-size:16px}.ep-card select{font-size:16px}.ep-card .color-row{gap:10px}.ep-card .cdot{width:28px;height:28px}.ep-sub-group{display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--border);padding-top:10px;margin-top:2px}.ep-sub-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)}.ep-footer{align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--border);flex-shrink:0}.ep-footer,.ep-footer-right{display:flex;gap:8px}[data-theme=dark] .ep-preview-pad.c-red{border-color:#a03030;background:rgba(160,48,48,.36)}[data-theme=dark] .ep-preview-pad.c-green{border-color:#2a6645;background:rgba(42,102,69,.36)}[data-theme=dark] .ep-preview-pad.c-blue{border-color:#2a4f8c;background:rgba(42,79,140,.36)}[data-theme=dark] .ep-preview-pad.c-yellow{border-color:#8a6010;background:rgba(138,96,16,.36)}[data-theme=dark] .ep-preview-pad.c-purple{border-color:#5a3090;background:rgba(90,48,144,.36)}[data-theme=dark] .ep-preview-pad.c-pink{border-color:#8a2860;background:rgba(138,40,96,.36)}@media (max-width:599px){.ep-overlay{padding:0;align-items:flex-end}.ep-modal{max-height:92vh;max-height:92svh;border-radius:20px 20px 0 0;border-bottom:none;width:100%;max-width:100%;height:96svh;max-height:96svh}.ep-body{flex-direction:column;overflow:hidden}.ep-preview{display:none}.ep-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 16px}.ep-close{justify-self:end}.ep-header-preview{display:flex;flex-direction:row;align-items:center;gap:10px;justify-self:center}.ep-header-preview .ep-preview-pad{width:86px;height:86px;border-radius:14px}.ep-header-preview .ep-preview-icon{font-size:27px}.ep-controls{overflow-y:auto;flex:1 1;min-height:0;padding:14px 16px 16px}.ep-footer{padding-bottom:max(14px,env(safe-area-inset-bottom))}}.drop-zone{border:1px dashed var(--border2);border-radius:10px;padding:14px 18px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:border-color .15s,background .15s;position:relative;background:var(--bg);flex:1 1;min-width:0;width:100%}.drop-zone.over,.drop-zone:hover{border-color:var(--text);background:var(--surface2)}.drop-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.dz-text{font-size:12px;color:var(--text2);line-height:1.5}.dz-text strong{color:var(--text);font-weight:500}.dz-text small{font-size:11px;color:var(--text3);display:block}.dz-error{font-size:11px;font-weight:600;color:var(--red);margin:6px 0 0}.emoji-input{width:70px!important;text-align:center;font-size:18px!important;padding:5px 8px!important}.emoji-picker-wrap{position:relative}.ep-emoji-row{display:flex;align-items:center;gap:8px}.ep-emoji-hint{font-size:11px;color:var(--text3)}.emoji-trigger{width:44px;height:38px;font-size:20px;line-height:1;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.emoji-trigger:hover{background:var(--surface2);border-color:var(--border2)}.emoji-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:200;box-shadow:0 8px 32px rgba(0,0,0,.12);border-radius:12px;overflow:hidden}.icp-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.icp-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,.22)}.icp-body,.icp-modal{display:flex;flex-direction:column}.icp-body{padding:16px;gap:12px;flex:1 1;min-height:0}.icp-modal .icp-crop-wrap{flex:1 1;display:flex;flex-direction:column;min-height:0}.icp-modal .icp-crop-area{flex:1 1;min-height:0;max-height:none}.icp-modal .icp-crop-img{max-height:none}@media (max-width:599px){.icp-overlay{padding:0;align-items:flex-end}.icp-modal{border-radius:20px 20px 0 0;border-bottom:none;height:90svh;max-width:100%}}.icp-file-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1.5px dashed var(--border2);border-radius:10px;padding:18px 12px;cursor:pointer;transition:border-color .15s,background .15s;background:var(--bg);text-align:center}.icp-file-zone:hover{border-color:#6366f1;background:var(--surface2)}.icp-file-icon{font-size:22px}.icp-file-text{font-size:13px;font-weight:600;color:var(--text)}.icp-file-sub{font-size:11px;color:var(--text3)}.icp-crop-wrap{display:flex;flex-direction:column;gap:10px;align-items:stretch}.icp-crop-area{max-height:52vh;overflow:hidden;border-radius:8px;display:flex;align-items:center;justify-content:center}.icp-crop-img{max-width:100%;max-height:52vh;display:block;object-fit:contain}.icp-crop-actions{display:flex;gap:8px;justify-content:flex-end;width:100%;flex-shrink:0}.icp-preview-wrap{display:flex;align-items:center;gap:12px;padding:8px 0}.icp-preview-img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.icp-change-btn{font-size:12px;padding:5px 12px}.ep-preview-img{width:48px;height:48px;border-radius:50%;object-fit:cover}.ep-reset-options{display:flex;gap:6px;align-items:center;flex-wrap:wrap;width:100%}.ep-reset-opt{flex:1 1;min-width:0}.ep-reset-opt,.ep-reset-opt-cancel{font-size:12px;padding:6px 10px}.board-switcher{position:relative}.board-name-btn{display:flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border);cursor:pointer;padding:5px 9px 5px 10px;border-radius:8px;font-family:Inter,sans-serif;transition:background .12s,border-color .12s}.board-name-btn:hover{background:var(--surface3,var(--surface2));border-color:var(--border2)}.board-name-btn.open{border-color:#6366f1}.board-name-text{font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--text)}.board-name-chevron{display:flex;align-items:center;color:var(--text2);transition:transform .15s}.board-name-btn.open .board-name-chevron{transform:rotate(180deg)}.board-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:228px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.13);overflow:hidden;z-index:100}.board-dropdown-item{display:flex;align-items:center;gap:4px;padding:0 6px 0 12px;border-bottom:1px solid var(--border);min-height:40px}.board-dropdown-item:last-of-type{border-bottom:none}.board-item-name{flex:1 1;display:flex;align-items:center;gap:7px;background:none;border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:500;color:var(--text2);text-align:left;padding:10px 0;transition:color .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-item-name:hover{color:var(--text)}.board-dropdown-item.active .board-item-name{color:var(--text);font-weight:700}.board-active-dot{width:5px;height:5px;border-radius:50%;background:#4f46e5;flex-shrink:0;display:inline-block}.board-item-actions{display:flex;gap:1px;flex-shrink:0}.board-action-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;border-radius:6px;color:var(--text3);transition:background .12s,color .12s}.board-action-btn:hover{background:var(--surface2);color:var(--text)}.board-action-delete:hover{background:rgba(217,79,61,.08);color:var(--red)}.board-rename-input{flex:1 1;font-size:12px;font-weight:600;letter-spacing:.04em;background:var(--surface);border:1px solid var(--border2);border-radius:5px;padding:4px 7px;color:var(--text);outline:none;font-family:Inter,sans-serif;margin:5px 4px 5px 0;width:auto}.board-rename-input:focus{border-color:#4f46e5}.board-add-btn{display:flex;align-items:center;width:100%;padding:10px 12px;background:none;border:none;border-top:1px solid var(--border);cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:500;color:#4f46e5;transition:background .12s;text-align:left}.board-add-btn:hover{background:rgba(79,70,229,.05)}.help-btn{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:var(--text3);background:none;border:none;cursor:pointer;padding:0;font-family:Inter,sans-serif;transition:color .15s}.help-btn:hover{color:var(--text2)}.help-btn-badge{display:inline-flex;width:14px;height:14px;border-radius:50%;border:1.5px solid;font-size:9px;font-weight:700;line-height:1;flex-shrink:0}.help-btn-badge,.help-overlay{align-items:center;justify-content:center}.help-overlay{position:fixed;inset:0;background:rgba(28,26,24,.45);display:flex;z-index:200;padding:16px}.help-panel{border:1px solid var(--border);border-radius:14px;width:100%;max-width:480px;max-height:88vh;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,.14);flex-direction:column}.help-header,.help-panel{background:var(--surface);display:flex}.help-header{align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;border-radius:14px 14px 0 0;padding:20px 20px 14px;border-bottom:1px solid var(--border)}.help-title{font-size:14px;font-weight:700;letter-spacing:.01em;color:var(--text)}.help-close{background:none;border:none;cursor:pointer;color:var(--text3);font-size:14px;padding:2px 4px;line-height:1;border-radius:4px;transition:color .15s}.help-close:hover{color:var(--text)}.help-body{padding:18px 20px 20px;gap:18px}.help-body,.help-section{display:flex;flex-direction:column}.help-section{gap:5px}.help-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text2)}.help-section p{font-size:13px;line-height:1.6;color:var(--text2);margin:0}.help-section p strong{color:var(--text);font-weight:600}.modal-wrap{position:fixed;inset:0;background:rgba(28,26,24,.5);z-index:300;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:14px;padding:28px;max-width:360px;width:100%}.modal h3{font-size:15px;font-weight:600;margin-bottom:8px}.modal p{font-size:13px;color:var(--text2);line-height:1.55;margin-bottom:22px}.modal-btns{display:flex;gap:8px;justify-content:flex-end}[data-theme=dark]{--bg:#0d1526;--surface:#131c33;--surface2:#1a2744;--border:#1e2d45;--border2:#2d3f5a;--text:#f1f5f9;--text2:#94a3b8;--text3:#4a5c7a;--red:#f87171;--green:#4ade80;--blue:#60a5fa;--yellow:#fbbf24;--purple:#a78bfa;--pink:#f472b6}[data-theme=dark] .pad.c-red{border-color:#a03030;background:rgba(160,48,48,.18);color:#f87171}[data-theme=dark] .pad.c-green{border-color:#2a6645;background:rgba(42,102,69,.18);color:#4ade80}[data-theme=dark] .pad.c-blue{border-color:#2a4f8c;background:rgba(42,79,140,.18);color:#60a5fa}[data-theme=dark] .pad.c-yellow{border-color:#8a6010;background:rgba(138,96,16,.18);color:#fbbf24}[data-theme=dark] .pad.c-purple{border-color:#5a3090;background:rgba(90,48,144,.18);color:#a78bfa}[data-theme=dark] .pad.c-pink{border-color:#8a2860;background:rgba(138,40,96,.18);color:#f472b6}[data-theme=dark] .pad.c-red:hover{background:rgba(160,48,48,.28)}[data-theme=dark] .pad.c-green:hover{background:rgba(42,102,69,.28)}[data-theme=dark] .pad.c-blue:hover{background:rgba(42,79,140,.28)}[data-theme=dark] .pad.c-yellow:hover{background:rgba(138,96,16,.28)}[data-theme=dark] .pad.c-purple:hover{background:rgba(90,48,144,.28)}[data-theme=dark] .pad.c-pink:hover{background:rgba(138,40,96,.28)}[data-theme=dark] .pad.c-red.fire{background:rgba(160,48,48,.36);border-color:#c04040;box-shadow:0 0 18px rgba(248,113,113,.35)}[data-theme=dark] .pad.c-green.fire{background:rgba(42,102,69,.36);border-color:#3a8855;box-shadow:0 0 18px rgba(74,222,128,.3)}[data-theme=dark] .pad.c-blue.fire{background:rgba(42,79,140,.36);border-color:#3a65b0;box-shadow:0 0 18px rgba(96,165,250,.3)}[data-theme=dark] .pad.c-yellow.fire{background:rgba(138,96,16,.36);border-color:#b07820;box-shadow:0 0 18px rgba(251,191,36,.3)}[data-theme=dark] .pad.c-purple.fire{background:rgba(90,48,144,.36);border-color:#7a40b0;box-shadow:0 0 18px rgba(167,139,250,.3)}[data-theme=dark] .pad.c-pink.fire{background:rgba(138,40,96,.36);border-color:#b03870;box-shadow:0 0 18px rgba(244,114,182,.3)}[data-theme=dark] .pad .pad-key{color:rgba(255,255,255,.35)}[data-theme=dark] .pad .pad-label{color:rgba(255,255,255,.7)}[data-theme=dark] .pad.sel{box-shadow:inset 0 0 0 2px rgba(255,255,255,.75)}[data-theme=dark] .custom-dot{background:#4ade80}[data-theme=dark] .auth-tab.active,[data-theme=dark] .btn-solid{color:var(--bg)}[data-theme=dark] .ctrl-btn.active,[data-theme=dark] .src-btn.active{box-shadow:0 1px 4px rgba(0,0,0,.5)}[data-theme=dark] .help-overlay,[data-theme=dark] .modal-wrap{background:rgba(0,0,0,.65)}@media (min-width:769px) and (max-width:1024px){.numpad{grid-template-rows:repeat(4,100px) 56px}.controls-bar,.divider,.numpad,.reset-all-section,.status-bar,.top{max-width:460px}}@media (min-width:600px) and (max-width:768px){.numpad{grid-template-rows:repeat(4,calc((100vw - 64px) / 4)) 52px;gap:7px}.controls-bar,.divider,.numpad,.reset-all-section,.status-bar,.top{max-width:100%}.sb-page{padding:24px 32px 48px}}@media (max-height:500px) and (orientation:landscape){.numpad{grid-template-rows:repeat(4,54px) 40px;gap:5px;margin-bottom:10px}.controls-bar,.divider,.numpad,.reset-all-section,.status-bar,.top{max-width:340px}.pad-icon{font-size:16px}.pad-label{font-size:7px}.sb-page{padding:12px 16px 24px}}@media (max-width:599px){:root{--gap:6px}.numpad{grid-template-rows:repeat(4,calc((100dvw - 32px) / 4)) 48px}.controls-bar,.divider,.numpad,.reset-all-section,.status-bar,.top{max-width:100%}.pad-icon{font-size:22px}.pad-label{font-size:9px}.sb-page{padding:20px 16px 48px}.top{margin-bottom:16px}.user-email{max-width:160px}}@media (max-width:390px){:root{--gap:5px}.numpad{grid-template-rows:repeat(4,calc((100dvw - 26px) / 4)) 44px}.pad-icon{font-size:18px}.pad-label{font-size:8px}.sb-page{padding:16px 13px 40px}}.shared-board-meta{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0}.shared-owner-inline{font-size:11px;color:var(--text3);font-weight:500;white-space:nowrap}.shared-locked-hint{position:absolute;bottom:calc(100% + 8px);left:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.15);z-index:200}.shared-locked-hint a{color:#4f46e5;text-decoration:none}.shared-locked-hint a:hover{text-decoration:underline}.shared-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;background:var(--bg);padding-bottom:60px}.shared-header{width:100%;background:var(--surface);border-bottom:1px solid var(--border);padding:0 16px}.shared-header-inner{max-width:480px;margin:0 auto;height:52px;display:flex;align-items:center;justify-content:space-between}.shared-header-brand{display:flex;align-items:center;gap:8px}.shared-header-logo{width:24px;height:24px}.shared-header-brandname{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text)}.shared-header-cta{font-size:12px;font-weight:600;color:#fff;background:#4f46e5;text-decoration:none;padding:6px 14px;border-radius:8px;transition:background .15s;white-space:nowrap}.shared-header-cta:hover{background:#4338ca}.shared-board-title{width:100%;max-width:420px;padding:20px 12px 4px;text-align:center}.shared-board-name{font-size:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text);margin-bottom:4px}.shared-owner{font-size:12px;color:var(--text3);font-weight:500}.shared-grid-wrap{width:100%;max-width:420px;padding:12px}.shared-controls{width:100%;max-width:420px;padding:0 12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.shared-stop-btn{flex-shrink:0}.shared-overlap-row{display:flex;align-items:center;gap:8px}.shared-status{font-size:12px;color:var(--text3);font-weight:500}.shared-cta-banner{width:100%;max-width:420px;margin:20px 12px 0;background:rgba(79,70,229,.08);border:1px solid rgba(79,70,229,.2);border-radius:12px;padding:14px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.shared-not-accessible{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0f172a;padding:24px}.shared-na-inner{max-width:340px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.shared-na-icon{font-size:48px;line-height:1}.shared-na-title{font-size:22px;font-weight:700;color:#f1f5f9;margin:0}.shared-na-body{font-size:14px;color:#94a3b8;line-height:1.55;margin:0}.shared-na-cta{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:#fff;background:#4f46e5;text-decoration:none;padding:10px 22px;border-radius:10px;transition:background .15s}.shared-na-cta:hover{background:#4338ca}.shared-na-sub{font-size:12px;color:#475569;margin:0}.settings-section{padding:8px 0 4px}.settings-row+.settings-section,.settings-section+.settings-row,.settings-section--top-border{border-top:1px solid var(--border)}.settings-section-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);padding:4px 14px 2px}.top-meta-left{display:flex;align-items:center;gap:6px;position:relative}.share-header-btn{display:inline-flex;align-items:center;justify-content:center;color:var(--text3);background:none;border:1px solid var(--border);border-radius:7px;padding:5px 7px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.share-header-btn.active,.share-header-btn:hover{color:#6366f1;border-color:#6366f1;background:rgba(99,102,241,.07)}.share-header-btn.shared{color:#6366f1;border-color:rgba(99,102,241,.45)}.share-popover{position:absolute;top:calc(100% + 8px);left:0;right:auto;width:240px;z-index:300}.share-popover-actions{display:flex;gap:8px;padding:8px 14px 12px;border-top:1px solid var(--border)}.share-popover-actions .btn{flex:1 1;justify-content:center;text-align:center}.share-copy-btn{display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:#fff;background:#4f46e5;border:none;border-radius:7px;padding:6px 14px;margin:0 14px 12px;cursor:pointer;transition:background .15s;white-space:nowrap}.share-copy-btn:hover{background:#4338ca}.settings-name-input{font-size:12px;font-weight:500;background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:5px 9px;color:var(--text);outline:none;width:100%;max-width:160px;transition:border-color .15s}.settings-name-input:focus{border-color:#4f46e5}.settings-row--col{flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:12px}