*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{font:inherit;cursor:pointer;border:none;background:none}input[type=file]{display:none}:root,[data-theme=default]{--page-bg-a:#10111a;--page-bg-b:#1a1c28;--page-bg-c:#0e1220;--calc-body:#242528;--calc-body2:#1e1f22;--calc-border:#3a3b42;--calc-shadow:rgba(0,0,0,.7);--screen-bezel:#0f1013;--screen-glow:rgba(100,140,255,.1);--key-bg:#323340;--key-bg2:#2a2b36;--key-hover:#3e4055;--key-active:#505268;--key-text:#c8cde0;--key-border:rgba(255,255,255,.06);--key-shadow:rgba(0,0,0,.5);--key-fn-bg:#2e2f40;--key-fn-text:#9aa0c8;--key-2nd-bg:#1e3d28;--key-2nd-hover:#2a5238;--key-2nd-text:#7de0a0;--key-alpha-bg:#3a1e52;--key-alpha-hover:#4e2a70;--key-alpha-text:#cc88f0;--key-clr-bg:#4a1e1e;--key-clr-hover:#622828;--key-clr-text:#f08888;--key-on-bg:#1e3a1e;--key-on-hover:#285228;--key-on-text:#88e088;--key-num-bg:#22232e;--key-num-text:#e0e4f4;--key-op-bg:#282060;--key-op-hover:#383080;--key-op-text:#aaa8ff;--key-enter-bg:#303880;--key-enter-text:#c0c8ff;--key-nav-bg:#2a2b3c;--key-nav-text:#8890c0;--key-sto-bg:#302838;--key-sto-text:#b890d0;--brand-main:#8898e0;--brand-sub:#5060a0;--header-line:rgba(255,255,255,.05);--ctrl-btn:#32333e;--ctrl-btn-hover:#3e4050;--ctrl-btn-text:#9098c0;--ctrl-btn-reset:#3a2828;--ctrl-btn-reset-h:#502e2e;--ctrl-btn-reset-t:#e08080;--status-color:#5860a0;--status-ok:#4a9060;--status-err:#904848;--status-text-ok:#68d08a;--status-text-err:#e07070;--hint-bg:rgba(255,255,255,.03);--hint-text:#4a5070;--hint-border:rgba(255,255,255,.06);--sp-bg:#1c1d24;--sp-border:#2e2f40;--sp-text:#c0c5e0;--sp-muted:#6070a0;--sp-chip:#2a2b3a;--sp-chip-active:#404270;--sp-chip-text:#9098c8;--sp-chip-active-text:#c8d0ff;--dbg-bg:rgba(0,0,0,.6);--dbg-text:#50a050;--upload-bg:rgba(255,255,255,.02);--upload-border:rgba(255,255,255,.08);--upload-text:#6070a0;--screen-label:#303448}[data-theme=blue]{--page-bg-a:#05101e;--page-bg-b:#0a1a30;--page-bg-c:#081525;--calc-body:#0e2040;--calc-body2:#0a1832;--calc-border:#1a3a60;--calc-shadow:rgba(0,10,40,.8);--screen-bezel:#050e1a;--screen-glow:rgba(50,120,255,.15);--key-bg:#0e2a50;--key-bg2:#0a2040;--key-hover:#1a3868;--key-active:#2050a0;--key-text:#a0c0e8;--key-border:rgba(100,180,255,.08);--key-shadow:rgba(0,0,0,.6);--key-fn-bg:#0a2045;--key-fn-text:#5090d0;--key-2nd-bg:#0a3020;--key-2nd-hover:#124530;--key-2nd-text:#60d090;--key-alpha-bg:#2a1055;--key-alpha-hover:#381870;--key-alpha-text:#b878f0;--key-clr-bg:#401020;--key-clr-hover:#581828;--key-clr-text:#f07090;--key-on-bg:#082820;--key-on-hover:#103828;--key-on-text:#60d090;--key-num-bg:#081830;--key-num-text:#c0dcf8;--key-op-bg:#102888;--key-op-hover:#1a38b0;--key-op-text:#88b0ff;--key-enter-bg:#1832a8;--key-enter-text:#90b8ff;--key-nav-bg:#0c2248;--key-nav-text:#5080c0;--key-sto-bg:#101848;--key-sto-text:#7090e0;--brand-main:#4898f0;--brand-sub:#2060b0;--header-line:rgba(50,100,200,.15);--ctrl-btn:#0e2248;--ctrl-btn-hover:#1a3060;--ctrl-btn-text:#5080c0;--ctrl-btn-reset:#301020;--ctrl-btn-reset-h:#481828;--ctrl-btn-reset-t:#e07090;--status-color:#2060a0;--status-ok:#1a6040;--status-err:#602030;--status-text-ok:#50d090;--status-text-err:#f07090;--hint-text:#2a4880;--hint-border:rgba(50,100,200,.1);--sp-bg:#06101e;--sp-border:#0e2040;--sp-text:#a0c0e8;--sp-muted:#2a5090;--sp-chip:#0a1e40;--sp-chip-active:#1a3890;--sp-chip-text:#4080c0;--sp-chip-active-text:#80b8ff;--dbg-text:#40a0ff;--upload-text:#2a5090;--screen-label:#102040}[data-theme=purple]{--page-bg-a:#100c20;--page-bg-b:#1a1030;--page-bg-c:#0e0c1e;--calc-body:#1e1438;--calc-body2:#180e2e;--calc-border:#382060;--calc-shadow:rgba(10,0,40,.8);--screen-bezel:#0a0814;--screen-glow:rgba(140,80,255,.15);--key-bg:#241848;--key-bg2:#1e1038;--key-hover:#302060;--key-active:#483080;--key-text:#c0a8e8;--key-border:rgba(160,100,255,.08);--key-shadow:rgba(0,0,0,.6);--key-fn-bg:#1e1040;--key-fn-text:#8058c0;--key-2nd-bg:#103020;--key-2nd-hover:#184030;--key-2nd-text:#60d090;--key-alpha-bg:#401060;--key-alpha-hover:#581880;--key-alpha-text:#d890ff;--key-clr-bg:#401020;--key-clr-hover:#581828;--key-clr-text:#f070a0;--key-on-bg:#082818;--key-on-hover:#103820;--key-on-text:#60d080;--key-num-bg:#180e2e;--key-num-text:#d0c0f8;--key-op-bg:#381878;--key-op-hover:#4820a0;--key-op-text:#c090ff;--key-enter-bg:#4020a0;--key-enter-text:#d0a0ff;--key-nav-bg:#201040;--key-nav-text:#7050c0;--key-sto-bg:#301060;--key-sto-text:#b070e0;--brand-main:#c070ff;--brand-sub:#7030a0;--header-line:rgba(140,50,200,.15);--ctrl-btn:#1e1040;--ctrl-btn-hover:#2a1858;--ctrl-btn-text:#8050c0;--ctrl-btn-reset:#381020;--ctrl-btn-reset-h:#4e1828;--ctrl-btn-reset-t:#f070a0;--status-color:#6030a0;--status-ok:#206040;--status-err:#601030;--status-text-ok:#60d090;--status-text-err:#f070a0;--hint-text:#4028a0;--hint-border:rgba(120,50,200,.1);--sp-bg:#0c0818;--sp-border:#201438;--sp-text:#c0a0e8;--sp-muted:#5030a0;--sp-chip:#1a1030;--sp-chip-active:#3818a0;--sp-chip-text:#7040c0;--sp-chip-active-text:#c080ff;--dbg-text:#a040ff;--upload-text:#5030a0;--screen-label:#1c1030}[data-theme=green]{--page-bg-a:#081510;--page-bg-b:#0e2018;--page-bg-c:#091410;--calc-body:#0f2018;--calc-body2:#0a1812;--calc-border:#184028;--calc-shadow:rgba(0,15,5,.8);--screen-bezel:#050e08;--screen-glow:rgba(50,200,100,.15);--key-bg:#122820;--key-bg2:#0e2018;--key-hover:#1c3a2c;--key-active:#285040;--key-text:#90d8a8;--key-border:rgba(80,200,100,.08);--key-shadow:rgba(0,0,0,.6);--key-fn-bg:#102018;--key-fn-text:#408060;--key-2nd-bg:#0e3020;--key-2nd-hover:#184030;--key-2nd-text:#60e090;--key-alpha-bg:#2a1040;--key-alpha-hover:#381858;--key-alpha-text:#c880f0;--key-clr-bg:#3a1010;--key-clr-hover:#501818;--key-clr-text:#f08080;--key-on-bg:#0e3820;--key-on-hover:#185030;--key-on-text:#50f080;--key-num-bg:#0a1810;--key-num-text:#b0e8c0;--key-op-bg:#0e3828;--key-op-hover:#185040;--key-op-text:#60e090;--key-enter-bg:#185840;--key-enter-text:#80f0a8;--key-nav-bg:#102820;--key-nav-text:#408060;--key-sto-bg:#182818;--key-sto-text:#70c080;--brand-main:#50c878;--brand-sub:#286040;--header-line:rgba(50,160,70,.15);--ctrl-btn:#102018;--ctrl-btn-hover:#1c3028;--ctrl-btn-text:#408060;--ctrl-btn-reset:#2a1010;--ctrl-btn-reset-h:#3a1818;--ctrl-btn-reset-t:#f08080;--status-color:#286040;--status-ok:#1a6038;--status-err:#5a1010;--status-text-ok:#50d070;--status-text-err:#f08080;--hint-text:#286040;--hint-border:rgba(50,160,70,.1);--sp-bg:#060e08;--sp-border:#0e2018;--sp-text:#90d8a8;--sp-muted:#286040;--sp-chip:#0a1a10;--sp-chip-active:#185038;--sp-chip-text:#408060;--sp-chip-active-text:#60e090;--dbg-text:#40c060;--upload-text:#286040;--screen-label:#0e2018}[data-theme=dark]{--page-bg-a:#040406;--page-bg-b:#080810;--page-bg-c:#050508;--calc-body:#101012;--calc-body2:#0c0c0e;--calc-border:#202025;--calc-shadow:rgba(0,0,0,.9);--screen-bezel:#050506;--screen-glow:rgba(150,150,255,.08);--key-bg:#181820;--key-bg2:#141418;--key-hover:#222230;--key-active:#303048;--key-text:#a0a0c0;--key-border:rgba(255,255,255,.04);--key-shadow:rgba(0,0,0,.7);--key-fn-bg:#141418;--key-fn-text:#505060;--key-2nd-bg:#0c1e10;--key-2nd-hover:#122818;--key-2nd-text:#40a060;--key-alpha-bg:#180c28;--key-alpha-hover:#221038;--key-alpha-text:#8848c0;--key-clr-bg:#200c0c;--key-clr-hover:#2c1010;--key-clr-text:#a04848;--key-on-bg:#0c1a0c;--key-on-hover:#102210;--key-on-text:#40a040;--key-num-bg:#0e0e12;--key-num-text:#c0c0d8;--key-op-bg:#141030;--key-op-hover:#1c1840;--key-op-text:#6060c0;--key-enter-bg:#181840;--key-enter-text:#7070d0;--key-nav-bg:#141418;--key-nav-text:#404060;--key-sto-bg:#140c20;--key-sto-text:#604880;--brand-main:#505060;--brand-sub:#303038;--header-line:rgba(255,255,255,.03);--ctrl-btn:#141418;--ctrl-btn-hover:#1e1e28;--ctrl-btn-text:#404060;--ctrl-btn-reset:#18080c;--ctrl-btn-reset-h:#220c10;--ctrl-btn-reset-t:#804040;--status-color:#303040;--status-ok:#103020;--status-err:#301010;--status-text-ok:#40a060;--status-text-err:#a04040;--hint-text:#282830;--hint-border:rgba(255,255,255,.04);--sp-bg:#080808;--sp-border:#141418;--sp-text:#909098;--sp-muted:#303040;--sp-chip:#101012;--sp-chip-active:#202038;--sp-chip-text:#404060;--sp-chip-active-text:#7070c0;--dbg-text:#506050;--upload-text:#303040;--screen-label:#100e14}html,body{height:100%;font-family:Inter,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px 48px;position:relative;overflow-x:hidden;color:var(--key-text);transition:background .5s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;transition:background .5s ease}[data-bg=gradient] body:before,[data-bg=gradient] body{background:linear-gradient(135deg,var(--page-bg-a) 0%,var(--page-bg-b) 50%,var(--page-bg-c) 100%)}[data-bg=grid] body,[data-bg=shapes] body{background:var(--page-bg-a)}#bg-grid{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none}[data-bg=grid] #bg-grid{display:block;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px}#bg-shapes{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;overflow:hidden}[data-bg=shapes] #bg-shapes{display:block}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18;animation:floatShape 20s ease-in-out infinite}.shape-1{width:500px;height:500px;top:-100px;left:-100px;background:var(--brand-main);animation-duration:22s}.shape-2{width:400px;height:400px;bottom:-80px;right:-60px;background:var(--key-op-text);animation-duration:26s;animation-delay:-8s}.shape-3{width:300px;height:300px;top:40%;left:50%;transform:translate(-50%,-50%);background:var(--key-2nd-text);animation-duration:18s;animation-delay:-14s}@keyframes floatShape{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.97)}}#settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding-top:60px;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .18s ease}#settings-overlay.hidden{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}#settings-panel{background:var(--sp-bg);border:1px solid var(--sp-border);border-radius:18px;width:min(460px,calc(100vw - 32px));box-shadow:0 32px 80px #0009;animation:slideUp .22s cubic-bezier(.2,.8,.4,1);overflow:hidden}.sp-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--sp-border)}.sp-header h2{font-size:1.1rem;font-weight:600;color:var(--sp-text)}#settings-close{width:30px;height:30px;border-radius:50%;background:var(--sp-chip);color:var(--sp-muted);font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}#settings-close:hover{background:var(--sp-chip-active);color:var(--sp-text)}.sp-body{padding:8px 0 16px;max-height:65vh;overflow-y:auto}.sp-section{padding:14px 24px;border-bottom:1px solid var(--sp-border)}.sp-section:last-child{border-bottom:none}.sp-section h3{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sp-muted);margin-bottom:10px}.sp-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:5px 14px;border-radius:20px;background:var(--sp-chip);color:var(--sp-chip-text);font-size:.8rem;font-weight:500;transition:background .15s,color .15s;border:1px solid transparent}.chip:hover{background:var(--sp-chip-active);color:var(--sp-chip-active-text)}.chip.chip-active{background:var(--sp-chip-active);color:var(--sp-chip-active-text);border-color:var(--sp-border)}.sp-rom-info{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.rom-status-row{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--sp-text)}.rom-status-dot{width:8px;height:8px;border-radius:50%;background:var(--sp-muted);flex-shrink:0;transition:background .3s}.rom-status-dot.ok{background:var(--status-text-ok);box-shadow:0 0 6px var(--status-text-ok)}.rom-status-dot.err{background:var(--status-text-err)}.sp-upload-btn{padding:6px 16px;border-radius:8px;background:var(--sp-chip-active);color:var(--sp-chip-active-text);font-size:.8rem;font-weight:500;cursor:pointer;transition:opacity .15s;white-space:nowrap}.sp-upload-btn:hover{opacity:.8}.sp-toggle-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.85rem;color:var(--sp-text)}.toggle-wrap{position:relative;width:40px;height:22px}.toggle-wrap input{display:none}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:11px;background:var(--sp-chip);transition:background .2s;cursor:pointer}.toggle-slider:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:var(--sp-muted);transition:transform .2s,background .2s}.toggle-wrap input:checked+.toggle-slider{background:var(--key-enter-bg)}.toggle-wrap input:checked+.toggle-slider:after{transform:translate(18px);background:var(--key-enter-text)}#app{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:12px}#calculator{width:100%;background:linear-gradient(175deg,var(--calc-body) 0%,var(--calc-body2) 100%);border:1px solid var(--calc-border);border-radius:24px;box-shadow:0 40px 100px var(--calc-shadow),0 0 0 1px #ffffff0a inset;padding:20px 20px 16px;display:flex;flex-direction:column;gap:14px;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}#calc-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--header-line)}#brand .brand-main{display:block;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-main);transition:color .4s}#brand .brand-sub{display:block;font-size:.65rem;color:var(--brand-sub);letter-spacing:.04em;margin-top:1px;transition:color .4s}.header-actions{display:flex;align-items:center;gap:8px}.status-badge{font-size:.7rem;font-weight:500;padding:3px 10px;border-radius:20px;background:var(--ctrl-btn);color:var(--status-color);letter-spacing:.03em;transition:background .3s,color .3s}.status-badge.ok{color:var(--status-text-ok);background:var(--status-ok)}.status-badge.err{color:var(--status-text-err);background:var(--status-err)}#settings-btn{width:34px;height:34px;border-radius:10px;background:var(--ctrl-btn);color:var(--ctrl-btn-text);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,transform .15s}#settings-btn:hover{background:var(--ctrl-btn-hover);color:var(--brand-main);transform:rotate(30deg)}#settings-btn svg{display:block}#screen-section{display:flex;flex-direction:column;align-items:center;gap:6px}#screen-bezel{width:100%;background:var(--screen-bezel);border-radius:12px;padding:12px;box-shadow:0 0 0 2px #ffffff0f inset,0 4px 20px #00000080,0 0 0 1px #0009;position:relative}#screen-inner{position:relative;width:100%;padding-top:75%;background:#000;border-radius:4px;overflow:hidden;box-shadow:0 0 20px var(--screen-glow)}#lcd{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;transition:filter .35s ease}:root,[data-theme=default]{--lcd-tint:transparent}[data-theme=blue]{--lcd-tint:rgba(40,100,220,.055)}[data-theme=purple]{--lcd-tint:rgba(110,50,220,.06)}[data-theme=green]{--lcd-tint:rgba(20,150,70,.07)}[data-theme=dark]{--lcd-tint:rgba(60,60,110,.05)}#screen-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--lcd-tint);pointer-events:none;z-index:2;transition:background .5s ease}#screen-off{z-index:3}[data-display=classic] #lcd{filter:none}[data-display=modern-light] #lcd{filter:sepia(.1) brightness(1.04) contrast(1.06) saturate(.88)}[data-display=modern-dark] #lcd{filter:invert(1) sepia(.08) brightness(.86) contrast(1.12)}[data-display=high-contrast] #lcd{filter:contrast(2.4) brightness(.88) saturate(0)}[data-font=sharp] #lcd{image-rendering:pixelated;image-rendering:crisp-edges}[data-font=smooth] #lcd{image-rendering:smooth;image-rendering:-webkit-optimize-contrast;filter:blur(.22px) contrast(1.38) brightness(1.01)}[data-font=modern] #lcd{image-rendering:smooth;image-rendering:-webkit-optimize-contrast;filter:brightness(1.02) contrast(1.12) saturate(.88)}[data-font=smooth][data-display=modern-light] #lcd{filter:blur(.2px) sepia(.1) brightness(1.04) contrast(1.28) saturate(.88)}[data-font=smooth][data-display=modern-dark] #lcd{filter:blur(.2px) invert(1) sepia(.06) brightness(.85) contrast(1.28)}[data-font=smooth][data-display=high-contrast] #lcd{filter:blur(.15px) contrast(2.6) brightness(.88) saturate(0)}[data-font=modern][data-display=modern-light] #lcd{filter:brightness(1.04) contrast(1.14) sepia(.1) saturate(.88)}[data-font=modern][data-display=modern-dark] #lcd{filter:invert(1) sepia(.05) brightness(.88) contrast(1.16)}[data-font=modern][data-display=high-contrast] #lcd{filter:contrast(2.5) brightness(.88) saturate(0)}[data-clean-ui] #screen-bezel{padding:8px;border-radius:8px;box-shadow:0 0 0 1px #ffffff0a,0 4px 20px #0006}#calculator.kb-focused{box-shadow:0 40px 100px var(--calc-shadow),0 0 0 1px #ffffff0a inset,0 0 0 2px var(--key-enter-bg),0 0 18px color-mix(in srgb,var(--key-enter-bg) 60%,transparent)}#screen-off{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#050506;transition:opacity .55s ease;z-index:3}#screen-off.hidden{opacity:0;pointer-events:none}.boot-spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.07);border-top-color:#ffffff4d;border-radius:50%;animation:spin .9s linear infinite}.boot-spinner.hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}#screen-off-msg{font-size:.68rem;color:#2a2a38;letter-spacing:.1em;text-transform:uppercase}#calc-controls-row{display:flex;gap:8px;align-items:center}.ctrl-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;background:var(--ctrl-btn);color:var(--ctrl-btn-text);font-size:.72rem;font-weight:600;letter-spacing:.02em;transition:background .15s,color .15s,transform .1s;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid rgba(255,255,255,.05)}.ctrl-btn:hover{background:var(--ctrl-btn-hover)}.ctrl-btn:active{transform:scale(.97)}.ctrl-btn svg{flex-shrink:0}.rom-label{cursor:pointer}#reset-btn{color:var(--ctrl-btn-reset-t);background:var(--ctrl-btn-reset)}#reset-btn:hover:not(:disabled){background:var(--ctrl-btn-reset-h)}#reset-btn:disabled{opacity:.35;cursor:not-allowed}#keypad{display:flex;flex-direction:column;gap:5px}.krow{display:flex;gap:5px;align-items:stretch}.krow-fn{gap:4px}.key{flex:1;height:42px;min-width:0;border-radius:7px;background:linear-gradient(170deg,var(--key-bg) 0%,var(--key-bg2) 100%);color:var(--key-text);border:1px solid var(--key-border);box-shadow:0 3px 0 var(--key-shadow),0 1px #ffffff0f inset;font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;user-select:none;-webkit-user-select:none;transition:filter .1s,box-shadow .08s,transform .08s;position:relative;overflow:hidden;padding:13px 3px 4px}.key:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;transition:background .1s}.key:hover{filter:brightness(1.12)}.key:hover:after{background:#ffffff0a}.key:active,.key.pressed{transform:translateY(2px);box-shadow:0 1px 0 var(--key-shadow);filter:brightness(.95)}.key:active:after,.key.pressed:after{background:#0000001a}.klabels{position:absolute;top:0;left:0;right:0;height:17px;overflow:hidden;pointer-events:none;z-index:1}.k2{position:absolute;top:2px;left:3px;font-size:.6rem;font-weight:700;color:var(--key-2nd-text);line-height:1;white-space:nowrap;letter-spacing:0;opacity:1}.ka{position:absolute;top:2px;right:3px;font-size:.6rem;font-weight:700;color:var(--key-alpha-text);line-height:1;white-space:nowrap;opacity:1}.kp{font-size:.68rem;font-weight:600;line-height:1;letter-spacing:.01em}.kp-sm{font-size:.52rem;letter-spacing:0}.kp-2nd{font-size:.7rem;font-weight:700;letter-spacing:.04em}.key-fn{background:linear-gradient(170deg,var(--key-fn-bg) 0%,color-mix(in srgb,var(--key-fn-bg) 80%,black) 100%);color:var(--key-fn-text)}.key-2nd{background:linear-gradient(170deg,var(--key-2nd-bg),color-mix(in srgb,var(--key-2nd-bg) 70%,black));color:var(--key-2nd-text);box-shadow:0 3px color-mix(in srgb,var(--key-2nd-bg) 40%,black),0 1px #ffffff0f inset}.key-alpha{background:linear-gradient(170deg,var(--key-alpha-bg),color-mix(in srgb,var(--key-alpha-bg) 70%,black));color:var(--key-alpha-text);box-shadow:0 3px color-mix(in srgb,var(--key-alpha-bg) 40%,black),0 1px #ffffff0f inset}.key-clr{background:linear-gradient(170deg,var(--key-clr-bg),color-mix(in srgb,var(--key-clr-bg) 70%,black));color:var(--key-clr-text);box-shadow:0 3px color-mix(in srgb,var(--key-clr-bg) 40%,black),0 1px #ffffff0f inset}.key-on{background:linear-gradient(170deg,var(--key-on-bg),color-mix(in srgb,var(--key-on-bg) 70%,black));color:var(--key-on-text);box-shadow:0 3px color-mix(in srgb,var(--key-on-bg) 40%,black),0 1px #ffffff0f inset}.key-num{background:linear-gradient(170deg,var(--key-num-bg) 0%,color-mix(in srgb,var(--key-num-bg) 80%,black) 100%);color:var(--key-num-text)}.key-num .kp{font-size:.78rem;font-weight:700}.key-op{background:linear-gradient(170deg,var(--key-op-bg),color-mix(in srgb,var(--key-op-bg) 70%,black));color:var(--key-op-text);box-shadow:0 3px color-mix(in srgb,var(--key-op-bg) 40%,black),0 1px #ffffff0f inset}.key-op .kp{font-size:.78rem}.key-enter{background:linear-gradient(170deg,var(--key-enter-bg),color-mix(in srgb,var(--key-enter-bg) 70%,black));color:var(--key-enter-text);box-shadow:0 3px color-mix(in srgb,var(--key-enter-bg) 40%,black),0 1px #ffffff0f inset}.key-enter .kp{font-size:.62rem;font-weight:700}.key-nav{background:linear-gradient(170deg,var(--key-nav-bg),color-mix(in srgb,var(--key-nav-bg) 70%,black));color:var(--key-nav-text)}.key-nav .kp{font-size:.6rem}.key-sto{background:linear-gradient(170deg,var(--key-sto-bg),color-mix(in srgb,var(--key-sto-bg) 70%,black));color:var(--key-sto-text)}.key-sto .kp{font-size:.58rem}.kp-upper{display:grid;grid-template-columns:3fr 1.1fr;gap:5px;align-items:center}.kp-ctrl{display:flex;flex-direction:column;gap:5px}.kp-ctrl .krow,.kp-ctrl .krow .key{flex:1}.kp-dpad{display:flex;align-items:center;justify-content:center;padding:4px 2px}.dpad-disc{position:relative;width:76px;height:76px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 36% 30%,color-mix(in srgb,var(--key-nav-bg) 75%,white 30%),var(--key-nav-bg) 52%,color-mix(in srgb,var(--key-nav-bg) 45%,black 30%));border:1.5px solid color-mix(in srgb,var(--calc-border) 55%,white 45%);box-shadow:0 8px 22px #0000007a,0 3px 6px #00000047,0 2px #ffffff21 inset,0 -3px 8px #0000004d inset}.dpad-arrow{position:absolute;width:36%;height:36%;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.42rem;color:var(--key-nav-text);transition:background .08s ease,filter .08s ease,transform .08s ease,box-shadow .08s ease;padding:0;user-select:none;-webkit-user-select:none;font-family:inherit}.dpad-n{top:3%;left:50%;transform:translate(-50%)}.dpad-s{bottom:3%;left:50%;transform:translate(-50%)}.dpad-w{left:3%;top:50%;transform:translateY(-50%)}.dpad-e{right:3%;top:50%;transform:translateY(-50%)}.dpad-arrow:hover{background:#ffffff24;filter:brightness(1.3)}.dpad-arrow:active,.dpad-arrow.pressed{background:#00000038;filter:brightness(.75);transform:translate(-50%) scale(.88);box-shadow:inset 0 2px 4px #00000073}.dpad-n:active,.dpad-n.pressed,.dpad-s:active,.dpad-s.pressed{transform:translate(-50%) scale(.88)}.dpad-w:active,.dpad-w.pressed,.dpad-e:active,.dpad-e.pressed{transform:translateY(-50%) scale(.88)}.dpad-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:27%;height:27%;border-radius:50%;background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--calc-body2) 80%,white 20%),color-mix(in srgb,var(--calc-body2) 65%,var(--key-nav-bg)));border:1px solid color-mix(in srgb,var(--calc-border) 80%,black 20%);pointer-events:none;box-shadow:0 2px 5px #0006 inset,0 1px #ffffff14}#keyboard-hint{font-size:.62rem;color:var(--hint-text);text-align:center;line-height:1.6;padding:6px 4px 2px;border-top:1px solid var(--header-line);transition:color .4s}#debug-panel{display:flex;gap:16px;font-size:.7rem;font-family:Courier New,monospace;color:var(--dbg-text);background:var(--dbg-bg);padding:6px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}#debug-panel.hidden{display:none}#debug-panel b{color:inherit}#upload-hint{font-size:.78rem;color:var(--upload-text);text-align:center;padding:10px 16px;border:1px dashed var(--upload-border);border-radius:10px;line-height:1.6}#upload-hint.hidden{display:none}#upload-hint code{opacity:.7;font-size:.75rem}@media(max-width:500px){body{padding:16px 10px 40px}#calculator{padding:16px 12px 12px;border-radius:18px}.key{height:38px;padding:12px 2px 4px;border-radius:6px}.kp{font-size:.6rem}.kp-sm{font-size:.46rem}.key-num .kp,.key-op .kp{font-size:.68rem}.klabels{height:14px;top:1px}.k2,.ka{font-size:.5rem}.dpad-btn{border-radius:5px}#screen-bezel{padding:8px}.brand-main{font-size:.72rem}.brand-sub{font-size:.58rem}}@media(max-width:360px){.key{height:34px;padding:11px 2px 3px}#keypad{gap:4px}.krow,.krow-fn,.kp-upper,.kp-ctrl{gap:3px}}[data-theme=pink]{--page-bg-a: #1a0d16;--page-bg-b: #200f1e;--page-bg-c: #140a12;--calc-body: #1e1018;--calc-body2: #180d14;--calc-border: #3e1e32;--calc-shadow: rgba(20,0,10,.8);--screen-bezel: #0e080c;--screen-glow: rgba(220,100,160,.12);--key-bg: #2c1622;--key-bg2: #241220;--key-hover: #381c30;--key-active: #483040;--key-text: #e8b8d0;--key-border: rgba(220,100,160,.08);--key-shadow: rgba(0,0,0,.6);--key-fn-bg: #281020;--key-fn-text: #9c6080;--key-2nd-bg: #3e0a28;--key-2nd-hover: #541838;--key-2nd-text: #f490c8;--key-alpha-bg: #2a0e3e;--key-alpha-hover: #381856;--key-alpha-text: #dda8f8;--key-clr-bg: #3a0e0e;--key-clr-hover: #501818;--key-clr-text: #f08888;--key-on-bg: #0e3820;--key-on-hover: #185030;--key-on-text: #60e090;--key-num-bg: #1e0e18;--key-num-text: #e8c0d0;--key-op-bg: #3a1030;--key-op-hover: #501e42;--key-op-text: #f490c8;--key-enter-bg: #54183e;--key-enter-text: #faa0d0;--key-nav-bg: #281020;--key-nav-text: #9c6080;--key-sto-bg: #301828;--key-sto-text: #d080a8;--brand-main: #e898c0;--brand-sub: #803060;--header-line: rgba(220,100,160,.14);--ctrl-btn: #1e0e18;--ctrl-btn-hover: #2c1828;--ctrl-btn-text: #9c6080;--ctrl-btn-reset: #2a0e0e;--ctrl-btn-reset-h: #3a1818;--ctrl-btn-reset-t: #f08080;--status-color: #803060;--status-ok: #1a5030;--status-err: #5a1010;--status-text-ok: #68d08a;--status-text-err: #e07070;--hint-bg: rgba(255,255,255,.02);--hint-text: #803060;--hint-border: rgba(220,100,160,.09);--sp-bg: #110810;--sp-border: #2c1222;--sp-text: #e8b8d0;--sp-muted: #803060;--sp-chip: #1e0e18;--sp-chip-active: #4a1838;--sp-chip-text: #9c6080;--sp-chip-active-text: #f490c8;--dbg-bg: rgba(0,0,0,.6);--dbg-text: #e898c0;--upload-bg: rgba(255,255,255,.02);--upload-border: rgba(255,255,255,.07);--upload-text: #803060;--screen-label: #1e1020}[data-theme=pink]{--lcd-tint: rgba(200,80,140,.04)}[data-theme=orange]{--page-bg-a: #1a1000;--page-bg-b: #1e1400;--page-bg-c: #120b00;--calc-body: #201200;--calc-body2: #180d00;--calc-border: #3e2a00;--calc-shadow: rgba(30,10,0,.8);--screen-bezel: #0e0900;--screen-glow: rgba(220,140,60,.1);--key-bg: #2c1a00;--key-bg2: #241400;--key-hover: #382200;--key-active: #4a2e08;--key-text: #f0c898;--key-border: rgba(220,150,60,.08);--key-shadow: rgba(0,0,0,.6);--key-fn-bg: #281400;--key-fn-text: #907040;--key-2nd-bg: #401e00;--key-2nd-hover: #583000;--key-2nd-text: #f8a040;--key-alpha-bg: #2a0e38;--key-alpha-hover: #381858;--key-alpha-text: #d8a0f0;--key-clr-bg: #3a0e0e;--key-clr-hover: #501818;--key-clr-text: #f09090;--key-on-bg: #0e3820;--key-on-hover: #185030;--key-on-text: #60e090;--key-num-bg: #201000;--key-num-text: #f0c080;--key-op-bg: #3a2000;--key-op-hover: #503000;--key-op-text: #f8a040;--key-enter-bg: #583000;--key-enter-text: #ffc060;--key-nav-bg: #281400;--key-nav-text: #907040;--key-sto-bg: #302000;--key-sto-text: #c09050;--brand-main: #e8903a;--brand-sub: #804820;--header-line: rgba(220,140,60,.14);--ctrl-btn: #201200;--ctrl-btn-hover: #2c1c00;--ctrl-btn-text: #907040;--ctrl-btn-reset: #2a0e0e;--ctrl-btn-reset-h: #3a1818;--ctrl-btn-reset-t: #f09090;--status-color: #804820;--status-ok: #1a5030;--status-err: #5a1010;--status-text-ok: #68d08a;--status-text-err: #e07070;--hint-bg: rgba(255,255,255,.02);--hint-text: #804820;--hint-border: rgba(220,140,60,.09);--sp-bg: #120900;--sp-border: #2e1e00;--sp-text: #f0c898;--sp-muted: #804820;--sp-chip: #201200;--sp-chip-active: #482a00;--sp-chip-text: #907040;--sp-chip-active-text: #f8a040;--dbg-bg: rgba(0,0,0,.6);--dbg-text: #e8903a;--upload-bg: rgba(255,255,255,.02);--upload-border: rgba(255,255,255,.07);--upload-text: #804820;--screen-label: #201000}[data-theme=orange]{--lcd-tint: rgba(220,140,40,.04)}[data-theme=teal]{--page-bg-a: #001a18;--page-bg-b: #001e1c;--page-bg-c: #001210;--calc-body: #001818;--calc-body2: #001010;--calc-border: #003830;--calc-shadow: rgba(0,20,18,.8);--screen-bezel: #000e0e;--screen-glow: rgba(60,200,170,.1);--key-bg: #002828;--key-bg2: #001e1e;--key-hover: #003838;--key-active: #084840;--key-text: #98e8d8;--key-border: rgba(60,200,160,.08);--key-shadow: rgba(0,0,0,.6);--key-fn-bg: #001e20;--key-fn-text: #408880;--key-2nd-bg: #003a28;--key-2nd-hover: #005040;--key-2nd-text: #40f0c0;--key-alpha-bg: #002038;--key-alpha-hover: #003058;--key-alpha-text: #90c8f8;--key-clr-bg: #3a0e0e;--key-clr-hover: #501818;--key-clr-text: #f09090;--key-on-bg: #0e3820;--key-on-hover: #185030;--key-on-text: #60e090;--key-num-bg: #001818;--key-num-text: #98e0d0;--key-op-bg: #003028;--key-op-hover: #004038;--key-op-text: #40f0c0;--key-enter-bg: #005040;--key-enter-text: #60f8d0;--key-nav-bg: #001e20;--key-nav-text: #408880;--key-sto-bg: #002820;--key-sto-text: #80c8b0;--brand-main: #38c8a8;--brand-sub: #206858;--header-line: rgba(60,200,170,.14);--ctrl-btn: #001818;--ctrl-btn-hover: #002828;--ctrl-btn-text: #408880;--ctrl-btn-reset: #2a0e0e;--ctrl-btn-reset-h: #3a1818;--ctrl-btn-reset-t: #f09090;--status-color: #206858;--status-ok: #1a5030;--status-err: #5a1010;--status-text-ok: #68d08a;--status-text-err: #e07070;--hint-bg: rgba(255,255,255,.02);--hint-text: #206858;--hint-border: rgba(60,200,170,.09);--sp-bg: #001010;--sp-border: #002020;--sp-text: #98e8d8;--sp-muted: #206858;--sp-chip: #001818;--sp-chip-active: #004838;--sp-chip-text: #408880;--sp-chip-active-text: #40f0c0;--dbg-bg: rgba(0,0,0,.6);--dbg-text: #38c8a8;--upload-bg: rgba(255,255,255,.02);--upload-border: rgba(255,255,255,.07);--upload-text: #206858;--screen-label: #001818}[data-theme=teal]{--lcd-tint: rgba(40,200,160,.04)}[data-theme=red]{--page-bg-a: #1a0808;--page-bg-b: #1e0a0a;--page-bg-c: #120606;--calc-body: #1e0808;--calc-body2: #180606;--calc-border: #3e1010;--calc-shadow: rgba(20,0,0,.8);--screen-bezel: #0e0606;--screen-glow: rgba(220,80,80,.1);--key-bg: #2c1010;--key-bg2: #240c0c;--key-hover: #381818;--key-active: #483030;--key-text: #f0c8c8;--key-border: rgba(220,80,80,.08);--key-shadow: rgba(0,0,0,.6);--key-fn-bg: #281010;--key-fn-text: #905050;--key-2nd-bg: #401010;--key-2nd-hover: #581818;--key-2nd-text: #f87070;--key-alpha-bg: #200e38;--key-alpha-hover: #301858;--key-alpha-text: #c0a8f0;--key-clr-bg: #3a0a0a;--key-clr-hover: #501212;--key-clr-text: #f09090;--key-on-bg: #0e3820;--key-on-hover: #185030;--key-on-text: #60e090;--key-num-bg: #200a0a;--key-num-text: #f0b8b8;--key-op-bg: #3a0e0e;--key-op-hover: #501818;--key-op-text: #f87070;--key-enter-bg: #581010;--key-enter-text: #ff8888;--key-nav-bg: #281010;--key-nav-text: #905050;--key-sto-bg: #301010;--key-sto-text: #c08080;--brand-main: #d06878;--brand-sub: #783040;--header-line: rgba(200,80,100,.14);--ctrl-btn: #200a0a;--ctrl-btn-hover: #2c1818;--ctrl-btn-text: #905050;--ctrl-btn-reset: #2a0808;--ctrl-btn-reset-h: #3a1010;--ctrl-btn-reset-t: #f09090;--status-color: #783040;--status-ok: #1a5030;--status-err: #5a1010;--status-text-ok: #68d08a;--status-text-err: #e07070;--hint-bg: rgba(255,255,255,.02);--hint-text: #783040;--hint-border: rgba(200,80,100,.09);--sp-bg: #110808;--sp-border: #2c1010;--sp-text: #f0c8c8;--sp-muted: #783040;--sp-chip: #200a0a;--sp-chip-active: #481818;--sp-chip-text: #905050;--sp-chip-active-text: #f87070;--dbg-bg: rgba(0,0,0,.6);--dbg-text: #d06878;--upload-bg: rgba(255,255,255,.02);--upload-border: rgba(255,255,255,.07);--upload-text: #783040;--screen-label: #1e0808}[data-theme=red]{--lcd-tint: rgba(200,60,60,.04)}[data-theme=yellow]{--page-bg-a: #181200;--page-bg-b: #1c1600;--page-bg-c: #100c00;--calc-body: #1c1400;--calc-body2: #160f00;--calc-border: #3c3000;--calc-shadow: rgba(20,15,0,.8);--screen-bezel: #0e0a00;--screen-glow: rgba(200,180,40,.1);--key-bg: #2a2000;--key-bg2: #221800;--key-hover: #362c00;--key-active: #484008;--key-text: #f0e098;--key-border: rgba(200,180,40,.08);--key-shadow: rgba(0,0,0,.6);--key-fn-bg: #261c00;--key-fn-text: #887840;--key-2nd-bg: #3e2e00;--key-2nd-hover: #564000;--key-2nd-text: #f0d040;--key-alpha-bg: #1e0e38;--key-alpha-hover: #2c1850;--key-alpha-text: #c0a8f0;--key-clr-bg: #3a0e0e;--key-clr-hover: #501818;--key-clr-text: #f09090;--key-on-bg: #0e3820;--key-on-hover: #185030;--key-on-text: #60e090;--key-num-bg: #1e1400;--key-num-text: #f0e088;--key-op-bg: #382800;--key-op-hover: #503a00;--key-op-text: #f0d040;--key-enter-bg: #564000;--key-enter-text: #f8e060;--key-nav-bg: #261c00;--key-nav-text: #887840;--key-sto-bg: #2e2200;--key-sto-text: #c0a848;--brand-main: #c8b028;--brand-sub: #705c10;--header-line: rgba(200,180,40,.14);--ctrl-btn: #1c1400;--ctrl-btn-hover: #282000;--ctrl-btn-text: #887840;--ctrl-btn-reset: #2a0e0e;--ctrl-btn-reset-h: #3a1818;--ctrl-btn-reset-t: #f09090;--status-color: #705c10;--status-ok: #1a5030;--status-err: #5a1010;--status-text-ok: #68d08a;--status-text-err: #e07070;--hint-bg: rgba(255,255,255,.02);--hint-text: #705c10;--hint-border: rgba(200,180,40,.09);--sp-bg: #100c00;--sp-border: #2c2200;--sp-text: #f0e098;--sp-muted: #705c10;--sp-chip: #1c1400;--sp-chip-active: #483800;--sp-chip-text: #887840;--sp-chip-active-text: #f0d040;--dbg-bg: rgba(0,0,0,.6);--dbg-text: #c8b028;--upload-bg: rgba(255,255,255,.02);--upload-border: rgba(255,255,255,.07);--upload-text: #705c10;--screen-label: #1c1400}[data-theme=yellow]{--lcd-tint: rgba(200,180,40,.04)}[data-theme=cyan]{--page-bg-a: #001820;--page-bg-b: #001c26;--page-bg-c: #001018;--calc-body: #001820;--calc-body2: #001018;--calc-border: #003848;--calc-shadow: rgba(0,15,25,.8);--screen-bezel: #000e14;--screen-glow: rgba(60,185,215,.1);--key-bg: #002838;--key-bg2: #001e2c;--key-hover: #003848;--key-active: #085060;--key-text: #90d8f0;--key-border: rgba(60,185,215,.08);--key-shadow: rgba(0,0,0,.6);--key-fn-bg: #001e2e;--key-fn-text: #388898;--key-2nd-bg: #003048;--key-2nd-hover: #004860;--key-2nd-text: #38d8f8;--key-alpha-bg: #001838;--key-alpha-hover: #002858;--key-alpha-text: #90b8f8;--key-clr-bg: #3a0e0e;--key-clr-hover: #501818;--key-clr-text: #f09090;--key-on-bg: #0e3820;--key-on-hover: #185030;--key-on-text: #60e090;--key-num-bg: #001820;--key-num-text: #90d0e8;--key-op-bg: #002838;--key-op-hover: #003a50;--key-op-text: #38d8f8;--key-enter-bg: #004858;--key-enter-text: #50e0f8;--key-nav-bg: #001e2e;--key-nav-text: #388898;--key-sto-bg: #002030;--key-sto-text: #70c0d8;--brand-main: #38b8d8;--brand-sub: #206480;--header-line: rgba(60,185,215,.14);--ctrl-btn: #001820;--ctrl-btn-hover: #002838;--ctrl-btn-text: #388898;--ctrl-btn-reset: #2a0e0e;--ctrl-btn-reset-h: #3a1818;--ctrl-btn-reset-t: #f09090;--status-color: #206480;--status-ok: #1a5030;--status-err: #5a1010;--status-text-ok: #68d08a;--status-text-err: #e07070;--hint-bg: rgba(255,255,255,.02);--hint-text: #206480;--hint-border: rgba(60,185,215,.09);--sp-bg: #001018;--sp-border: #002030;--sp-text: #90d8f0;--sp-muted: #206480;--sp-chip: #001820;--sp-chip-active: #003850;--sp-chip-text: #388898;--sp-chip-active-text: #38d8f8;--dbg-bg: rgba(0,0,0,.6);--dbg-text: #38b8d8;--upload-bg: rgba(255,255,255,.02);--upload-border: rgba(255,255,255,.07);--upload-text: #206480;--screen-label: #001820}[data-theme=cyan]{--lcd-tint: rgba(40,185,215,.04)}[data-theme][data-hc=on]{--sp-text: #f4f6ff;--sp-muted: #a0a8d0;--sp-border: rgba(200, 210, 255, .3);--sp-chip-text: #c8d0f8;--sp-chip-active-text: #ffffff;--key-text: #f8faff;--key-num-text: #f8faff;--key-fn-text: #b8c4e8;--calc-border: rgba(255, 255, 255, .22);--key-border: rgba(255, 255, 255, .14)}[data-theme=light]{--page-bg-a: #f5f6fa;--page-bg-b: #eef0f6;--page-bg-c: #f2f3f8;--calc-body: #e8eaf3;--calc-body2: #dfe1ec;--calc-border: rgba(80, 90, 150, .16);--calc-shadow: rgba(60, 70, 130, .18);--screen-bezel: #151825;--screen-glow: rgba(80, 120, 255, .1);--key-bg: #d8dce8;--key-bg2: #d0d4e2;--key-hover: #c8cce0;--key-active: #bec2d8;--key-text: #1e2038;--key-border: rgba(60, 70, 130, .12);--key-shadow: rgba(50, 60, 120, .14);--key-fn-bg: #d2d6e4;--key-fn-text: #505898;--key-2nd-bg: #b8d8c4;--key-2nd-hover: #a6cdb4;--key-2nd-text: #185e2e;--key-alpha-bg: #d0c2e0;--key-alpha-hover: #c4b4d8;--key-alpha-text: #4a1878;--key-clr-bg: #e8c6c6;--key-clr-hover: #dfb8b8;--key-clr-text: #881818;--key-on-bg: #c0d8c2;--key-on-hover: #b2ccb4;--key-on-text: #185220;--key-num-bg: #dce0ec;--key-num-text: #1e2038;--key-op-bg: #c6c2e2;--key-op-hover: #bab6d8;--key-op-text: #1e1a90;--key-enter-bg: #b2bade;--key-enter-text: #10106e;--key-nav-bg: #d4d8e6;--key-nav-text: #4a5098;--key-sto-bg: #cccce0;--key-sto-text: #484890;--brand-main: #4a60d0;--brand-sub: #8090c0;--header-line: rgba(60, 80, 170, .1);--ctrl-btn: #d8dce8;--ctrl-btn-hover: #c8ccdc;--ctrl-btn-text: #505898;--ctrl-btn-reset: #e8c8c8;--ctrl-btn-reset-h: #dcbcbc;--ctrl-btn-reset-t: #881818;--status-color: #3a4898;--status-ok: #1e6038;--status-err: #7a1818;--status-text-ok: #c8ffd8;--status-text-err: #ffd0d0;--hint-bg: rgba(60, 70, 130, .04);--hint-text: #6070b0;--hint-border: rgba(60, 70, 130, .1);--sp-bg: #ffffff;--sp-border: rgba(0, 0, 0, .1);--sp-text: #1e2038;--sp-muted: #6070a0;--sp-chip: #eaecf4;--sp-chip-active: #4a60d0;--sp-chip-text: #4a5098;--sp-chip-active-text: #ffffff;--dbg-bg: rgba(255, 255, 255, .88);--dbg-text: #206030;--upload-bg: rgba(0, 0, 0, .02);--upload-border: rgba(0, 0, 0, .1);--upload-text: #6070a0;--screen-label: #c8ccdc}[data-theme=light]{--lcd-tint: rgba(80, 120, 255, .02)}[data-theme=light] .notes-textarea,[data-theme=light] .notes-char-bar{background:#eef0f8}[data-theme=light] .notes-toolbar{background:#e8eaf4}[data-theme=light] .notes-preview{background:#f8f9fc}[data-theme=light] .notes-tools-dropdown{background:#fff;border-color:#0000001f;box-shadow:0 12px 40px #00000024,0 3px 10px #00000014}[data-theme=light] .notes-panel{box-shadow:0 32px 80px #00000038,0 2px 8px #0000001a,0 0 0 1px #0000000f inset,inset 0 1px color-mix(in srgb,var(--brand-main) 30%,transparent 70%)}[data-theme=light][data-bg=grid] #bg-grid{background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px)}[data-theme=light][data-hc=on]{--sp-text: #000000;--sp-muted: #2a2a40;--sp-border: rgba(0, 0, 0, .3);--sp-chip-text: #18183a;--sp-chip-active-text: #ffffff;--key-text: #000000;--key-num-text: #000000;--key-fn-text: #18183a;--calc-border: rgba(0, 0, 0, .3);--key-border: rgba(0, 0, 0, .22)}[data-bg=dots] body,[data-bg=lines] body,[data-bg=noise] body,[data-bg=glass] body,[data-bg=shift] body,[data-bg=particles] body,[data-bg=blobs] body,[data-bg=wave] body,[data-bg=glow] body{background:var(--page-bg-a)}#bg-dots,#bg-lines,#bg-noise,#bg-glass,#bg-shift,#bg-particles,#bg-blobs,#bg-wave,#bg-glow{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none}[data-bg=dots] #bg-dots{display:block;background-image:radial-gradient(circle,color-mix(in srgb,var(--brand-main) 55%,white 45%) 1px,transparent 1px);background-size:28px 28px;opacity:.11}[data-bg=lines] #bg-lines{display:block;background-image:repeating-linear-gradient(135deg,color-mix(in srgb,var(--brand-main) 65%,transparent 35%) 0px,color-mix(in srgb,var(--brand-main) 65%,transparent 35%) 1px,transparent 1px,transparent 34px);opacity:.09}[data-bg=noise] #bg-noise{display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;background-repeat:repeat;opacity:.038;mix-blend-mode:screen}#bg-glass{overflow:hidden}[data-bg=glass] #bg-glass{display:block}.glass-blob{position:absolute;border-radius:50%;filter:blur(110px)}.glass-blob-1{width:800px;height:800px;top:-220px;left:-200px;background:color-mix(in srgb,var(--brand-main) 24%,transparent);opacity:.58}.glass-blob-2{width:620px;height:620px;bottom:-160px;right:-100px;background:color-mix(in srgb,var(--key-2nd-text) 20%,transparent);opacity:.52}.glass-blob-3{width:500px;height:500px;top:40%;left:45%;transform:translate(-50%,-50%);background:color-mix(in srgb,var(--key-alpha-text) 16%,transparent);opacity:.46}.glass-blob-4{width:380px;height:380px;top:8%;right:12%;background:color-mix(in srgb,var(--brand-sub) 22%,transparent);opacity:.42}[data-bg=shift] #bg-shift{display:block;background:linear-gradient(-45deg,var(--page-bg-c),color-mix(in srgb,var(--brand-main) 16%,var(--page-bg-b) 84%),var(--page-bg-a),color-mix(in srgb,var(--key-2nd-text) 10%,var(--page-bg-b) 90%),var(--page-bg-b),color-mix(in srgb,var(--key-alpha-text) 8%,var(--page-bg-c) 92%));background-size:500% 500%;animation:bgShift 30s ease infinite}@keyframes bgShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}[data-bg=particles] #bg-particles{display:block;width:100%;height:100%}#bg-blobs{overflow:hidden}[data-bg=blobs] #bg-blobs{display:block}.blob{position:absolute;border-radius:50%;filter:blur(88px)}.blob-1{width:660px;height:660px;top:-160px;left:-100px;background:color-mix(in srgb,var(--brand-main) 22%,transparent);opacity:.6;animation:blobDrift1 34s ease-in-out infinite}.blob-2{width:540px;height:540px;bottom:-120px;right:-80px;background:color-mix(in srgb,var(--key-2nd-text) 18%,transparent);opacity:.55;animation:blobDrift2 27s ease-in-out infinite}.blob-3{width:460px;height:460px;top:30%;left:30%;transform:translate(-50%,-50%);background:color-mix(in srgb,var(--key-alpha-text) 15%,transparent);opacity:.5;animation:blobDrift3 40s ease-in-out infinite}.blob-4{width:360px;height:360px;bottom:22%;right:22%;background:color-mix(in srgb,var(--brand-sub) 20%,transparent);opacity:.45;animation:blobDrift1 29s ease-in-out infinite reverse;animation-delay:-13s}@keyframes blobDrift1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(52px,-38px) scale(1.04)}50%{transform:translate(-28px,58px) scale(.97)}75%{transform:translate(38px,26px) scale(1.02)}}@keyframes blobDrift2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-48px,-28px) scale(1.03)}66%{transform:translate(30px,48px) scale(.97)}}@keyframes blobDrift3{0%,to{transform:translate(-50%,-50%) scale(1)}25%{transform:translate(calc(-50% + 30px),calc(-50% - 48px)) scale(1.05)}75%{transform:translate(calc(-50% - 38px),calc(-50% + 30px)) scale(.95)}}#bg-wave{overflow:hidden}[data-bg=wave] #bg-wave{display:block}#bg-wave:before{content:"";position:absolute;bottom:-120px;left:-18%;right:-18%;height:68%;background:color-mix(in srgb,var(--brand-main) 11%,transparent);border-radius:50% 50% 38% 62%/38% 38% 62% 62%;filter:blur(44px);animation:waveFloat1 24s ease-in-out infinite}#bg-wave:after{content:"";position:absolute;top:-120px;left:-18%;right:-18%;height:62%;background:color-mix(in srgb,var(--key-2nd-text) 8%,transparent);border-radius:62% 38% 52% 48%/62% 62% 38% 38%;filter:blur(54px);animation:waveFloat2 30s ease-in-out infinite}@keyframes waveFloat1{0%,to{border-radius:50% 50% 38% 62%/38% 38% 62% 62%;transform:translateY(0) rotate(-1deg)}33%{border-radius:66% 34% 56% 44%/52% 57% 43% 48%;transform:translateY(-28px) rotate(.5deg)}66%{border-radius:40% 60% 44% 56%/34% 44% 56% 66%;transform:translateY(20px) rotate(-.5deg)}}@keyframes waveFloat2{0%,to{border-radius:62% 38% 52% 48%/62% 62% 38% 38%;transform:translateY(0) rotate(1deg)}33%{border-radius:44% 56% 34% 66%/44% 38% 62% 56%;transform:translateY(22px) rotate(-.5deg)}66%{border-radius:56% 44% 62% 38%/56% 66% 34% 44%;transform:translateY(-24px) rotate(.5deg)}}[data-bg=glow] #bg-glow{display:block}#bg-glow:before{content:"";position:absolute;top:25%;left:50%;width:720px;height:720px;background:radial-gradient(circle,color-mix(in srgb,var(--brand-main) 28%,transparent) 0%,transparent 68%);border-radius:50%;animation:glowPulse1 11s ease-in-out infinite}#bg-glow:after{content:"";position:absolute;bottom:12%;right:12%;width:520px;height:520px;background:radial-gradient(circle,color-mix(in srgb,var(--key-2nd-text) 20%,transparent) 0%,transparent 68%);border-radius:50%;animation:glowPulse2 15s ease-in-out infinite}@keyframes glowPulse1{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1.18)}}@keyframes glowPulse2{0%,to{opacity:.38;transform:scale(1)}50%{opacity:.8;transform:scale(1.14)}}.kp{font-size:1.02rem}.kp-sm{font-size:.78rem}.key-num .kp,.key-op .kp{font-size:1.17rem}.key-enter .kp{font-size:.93rem}.key-nav .kp{font-size:.9rem}.key-sto .kp{font-size:.87rem}.key{height:48px}.dpad-disc{touch-action:manipulation;width:96px;height:96px;background:radial-gradient(circle at 42% 36%,color-mix(in srgb,var(--key-nav-bg) 92%,white 8%),var(--key-nav-bg) 58%,color-mix(in srgb,var(--key-nav-bg) 82%,black 18%));border:1px solid color-mix(in srgb,var(--calc-border) 60%,transparent 40%);box-shadow:0 5px 16px #00000061,0 2px 4px #0003,0 1px #ffffff0e inset,0 -2px 5px #0000002e inset}.dpad-arrow{width:44%;height:44%;font-size:.82rem;color:color-mix(in srgb,var(--key-nav-text) 88%,transparent 12%);touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:1}.dpad-arrow:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%}.dpad-arrow:hover{background:#ffffff14;filter:brightness(1.18)}.dpad-arrow:active,.dpad-arrow.pressed{background:#00000029;filter:brightness(.84);box-shadow:inset 0 1px 4px #0000005c}.dpad-hub{background:radial-gradient(circle at 44% 40%,color-mix(in srgb,var(--calc-body2) 94%,white 6%),color-mix(in srgb,var(--calc-body2) 80%,var(--key-nav-bg) 20%));border:1px solid color-mix(in srgb,var(--calc-border) 65%,black 35%);box-shadow:0 2px 4px #00000052 inset,0 1px #ffffff0a}.kp-dpad{padding:2px}#keyboard-hint{display:flex;flex-direction:column;align-items:center;padding:0;font-size:inherit}#kb-hint-toggle{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--hint-text);font-family:inherit;font-size:.65rem;font-weight:500;letter-spacing:.02em;cursor:pointer;padding:4px 8px;border-radius:5px;opacity:.6;transition:opacity .15s ease,background .15s ease;user-select:none;-webkit-user-select:none}#kb-hint-toggle:hover{opacity:1;background:#ffffff0f}#kb-hint-toggle svg{transition:transform .25s ease;flex-shrink:0}#keyboard-hint.is-open #kb-hint-toggle svg{transform:rotate(180deg)}#kb-hint-body{max-height:0;overflow:hidden;opacity:0;font-size:.68rem;color:var(--hint-text);text-align:center;line-height:1.85;padding:0 8px;pointer-events:none;transition:max-height .28s ease,opacity .22s ease,padding .22s ease}#keyboard-hint.is-open #kb-hint-body{max-height:140px;opacity:.9;padding:5px 8px 4px;pointer-events:auto}#debug-panel{margin:8px auto 12px;width:max-content;max-width:calc(100% - 32px);align-self:center}@keyframes _page-in{0%{opacity:0}to{opacity:1}}body{animation:_page-in .18s ease-out}:root{--p-bg: #0e1118;--p-surface: rgba(255,255,255,.04);--p-border: rgba(255,255,255,.08);--p-text: #c8cdd8;--p-muted: #7a7f96;--p-accent: #8a9fe0;--p-font: "Inter", system-ui, sans-serif}[data-theme=default]{--p-accent: #8a9fe0}[data-theme=blue]{--p-accent: #5090f0}[data-theme=purple]{--p-accent: #9b7cf7}[data-theme=green]{--p-accent: #50c878}[data-theme=dark]{--p-accent: #6a7898}[data-theme=pink]{--p-accent: #e898c0}[data-theme=light]{--p-accent: #4a60d0}[data-theme=orange]{--p-accent: #e8903a}[data-theme=teal]{--p-accent: #38c8a8}[data-theme=red]{--p-accent: #d06878}[data-theme=yellow]{--p-accent: #c8b028}[data-theme=cyan]{--p-accent: #38b8d8}[data-theme][data-hc=on]{--p-text: #f4f6ff;--p-muted: #a0a8c8;--p-border: rgba(200, 210, 255, .2)}#site-footer{position:fixed;bottom:0;left:0;right:0;height:36px;display:flex;align-items:center;justify-content:center;gap:18px;background:#0a0c12e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.06);z-index:50;font-family:var(--p-font);font-size:.72rem}#site-footer a{color:var(--p-muted);text-decoration:none;transition:color .15s}#site-footer a:hover{color:var(--p-accent)}#site-footer .sep{color:#ffffff26}.page-body{margin:0;padding:0;min-height:100vh;background:var(--p-bg);color:var(--p-text);font-family:var(--p-font);font-size:1rem;line-height:1.7;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.page-header{padding:20px 32px;border-bottom:1px solid var(--p-border);display:flex;align-items:center;gap:12px;background:#0003}.page-header a.brand{font-weight:700;font-size:1rem;color:var(--p-text);text-decoration:none;letter-spacing:.01em}.page-header a.brand span{color:var(--p-accent)}.page-header .back{margin-left:auto;font-size:.8rem;color:var(--p-muted);text-decoration:none;padding:5px 12px;border:1px solid var(--p-border);border-radius:6px;transition:all .15s}.page-header .back:hover{color:var(--p-text);border-color:#ffffff2e}.page-main{flex:1;padding:56px 24px 80px;max-width:720px;margin:0 auto;width:100%;box-sizing:border-box}.page-main h1{font-size:1.8rem;font-weight:700;color:#e8eaee;margin:0 0 8px;letter-spacing:-.02em}.page-main .subtitle{font-size:.95rem;color:var(--p-muted);margin:0 0 40px}.page-main h2{font-size:1.05rem;font-weight:600;color:#d0d4dd;margin:36px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--p-border)}.page-main p{margin:0 0 16px;color:var(--p-text)}.page-main ul{padding-left:20px;margin:0 0 16px}.page-main li{margin-bottom:6px;color:var(--p-text)}.page-card{background:var(--p-surface);border:1px solid var(--p-border);border-radius:12px;padding:28px 32px;margin-bottom:24px}.page-footer-bar{padding:24px;text-align:center;font-size:.8rem;color:var(--p-muted);border-top:1px solid var(--p-border);margin-top:auto}.page-footer-bar a{color:var(--p-muted);text-decoration:none;margin:0 10px}.page-footer-bar a:hover{color:var(--p-accent)}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form label{font-size:.82rem;color:var(--p-muted);display:block;margin-bottom:4px;font-weight:500}.contact-form input,.contact-form textarea{width:100%;box-sizing:border-box;background:#ffffff0a;border:1px solid var(--p-border);border-radius:8px;padding:10px 14px;color:var(--p-text);font-family:var(--p-font);font-size:.9rem;outline:none;transition:border-color .15s;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#7b6cf780}.contact-form textarea{min-height:120px}.contact-form button{align-self:flex-start;padding:10px 24px;background:var(--p-accent);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:var(--p-font);transition:opacity .15s}.contact-form button:hover{opacity:.85}.contact-sent{display:none;background:#7b6cf71a;border:1px solid rgba(123,108,247,.3);border-radius:8px;padding:14px 18px;color:#a89ff7;font-size:.9rem;margin-top:8px}.contact-error{display:none;background:#dc50501a;border:1px solid rgba(220,80,80,.3);border-radius:8px;padding:14px 18px;color:#e89090;font-size:.9rem;margin-top:8px}@media(max-width:600px){.page-header{padding:16px 20px}.page-main{padding:36px 20px 80px}.page-main h1{font-size:1.4rem}.page-card{padding:20px}}*{scrollbar-width:thin;scrollbar-color:rgba(138,159,224,.22) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--p-accent, #8a9fe0) 22%,transparent 78%);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--p-accent, #8a9fe0) 44%,transparent 56%)}::-webkit-scrollbar-corner{background:transparent}body:has(#calculator) ::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand-main, #8898e0) 20%,transparent 80%)}body:has(#calculator) ::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--brand-main, #8898e0) 40%,transparent 60%)}:root{--sb-color: var(--p-accent, #8a9fe0)}body:has(#calculator){--sb-color: var(--brand-main, #8898e0)}.os-scrollbar.os-theme-custom{--os-size: 5px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-track-bg: transparent;--os-track-bg-hover: color-mix(in srgb, var(--sb-color, #8a9fe0) 6%, transparent 94%);--os-track-bg-active: transparent;--os-handle-border-radius: 10px;--os-handle-min-size: 28px;--os-handle-perpendicular-size: 100%;--os-handle-bg: color-mix(in srgb, var(--sb-color, #8a9fe0) 22%, transparent 78%);--os-handle-bg-hover: color-mix(in srgb, var(--sb-color, #8a9fe0) 44%, transparent 56%);--os-handle-bg-active: color-mix(in srgb, var(--sb-color, #8a9fe0) 56%, transparent 44%);--os-handle-interactive-area-offset: 2px}.os-scrollbar.os-theme-custom,.os-scrollbar.os-theme-custom .os-scrollbar-handle{transition:opacity .28s ease,background .16s ease}#floating-btn-bar{position:fixed;bottom:52px;right:18px;z-index:200;display:flex;align-items:center;gap:8px}.floating-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px 5px 9px;border:1px solid color-mix(in srgb,var(--brand-main, #8898e0) 35%,transparent 65%);border-radius:20px;background:color-mix(in srgb,var(--brand-main, #8898e0) 10%,transparent 90%);color:color-mix(in srgb,var(--brand-main, #8898e0) 80%,white 20%);font-family:inherit;font-size:.72rem;font-weight:500;letter-spacing:.01em;cursor:pointer;opacity:.72;transition:opacity .15s ease,background .15s ease,border-color .15s ease,transform .15s ease;user-select:none;-webkit-user-select:none}.floating-btn svg{flex-shrink:0}.floating-btn:hover{opacity:1;background:color-mix(in srgb,var(--brand-main, #8898e0) 18%,transparent 82%);border-color:color-mix(in srgb,var(--brand-main, #8898e0) 55%,transparent 45%)}.floating-btn:active{opacity:.85;transform:scale(.95)}#notes-toggle-btn.is-active{opacity:1;background:color-mix(in srgb,var(--brand-main, #8898e0) 22%,transparent 78%);border-color:color-mix(in srgb,var(--brand-main, #8898e0) 60%,transparent 40%)}#reset-view-btn:hover svg{transform:rotate(-45deg)}#reset-view-btn svg{transition:transform .3s ease}.notes-panel{position:fixed;top:72px;right:18px;z-index:300;width:min(620px,calc(100vw - 32px));height:480px;min-width:320px;min-height:240px;display:flex;flex-direction:column;background:var(--sp-bg, #1c1d24);border:1px solid var(--sp-border, #2e2f40);border-radius:18px;box-shadow:0 32px 80px #0009,0 2px 8px #00000040,0 0 0 1px #ffffff0a inset,inset 0 1px color-mix(in srgb,var(--brand-main, #8898e0) 20%,transparent 80%);opacity:0;transform:scale(.96) translateY(10px);pointer-events:none;transition:opacity .22s cubic-bezier(.2,.8,.4,1),transform .22s cubic-bezier(.2,.8,.4,1);overflow:visible;will-change:opacity,transform}.notes-body{flex:1;min-height:0;overflow:hidden}.notes-panel.is-open{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.notes-panel.is-maximized{border-radius:14px;transition:opacity .22s cubic-bezier(.2,.8,.4,1),transform .22s cubic-bezier(.2,.8,.4,1),width .22s cubic-bezier(.2,.8,.4,1),height .22s cubic-bezier(.2,.8,.4,1),top .22s cubic-bezier(.2,.8,.4,1),left .22s cubic-bezier(.2,.8,.4,1)}.notes-header{display:flex;align-items:center;justify-content:space-between;padding:13px 12px 12px 18px;border-bottom:1px solid var(--sp-border, #2e2f40);cursor:grab;flex-shrink:0;user-select:none;-webkit-user-select:none}.notes-header.is-dragging{cursor:grabbing}.notes-title{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;letter-spacing:.02em;color:var(--sp-text, #c0c5e0)}.notes-title svg{flex-shrink:0;color:var(--brand-main, #8898e0);opacity:.85}.notes-title-input{background:transparent;border:none;border-bottom:1px solid transparent;outline:none;font-family:inherit;font-size:.84rem;font-weight:600;letter-spacing:.02em;color:var(--sp-text, #c0c5e0);padding:1px 2px;min-width:4ch;max-width:22ch;width:10ch;cursor:text;transition:border-color .18s ease;caret-color:var(--brand-main, #8898e0);overflow:hidden;text-overflow:ellipsis}.notes-title-input:hover{border-bottom-color:color-mix(in srgb,var(--brand-main, #8898e0) 28%,transparent 72%)}.notes-title-input:focus{border-bottom-color:color-mix(in srgb,var(--brand-main, #8898e0) 62%,transparent 38%);text-overflow:clip}.notes-title-input::placeholder{color:var(--sp-muted, #6070a0);opacity:.55;font-weight:500}.notes-header-btns{display:flex;align-items:center;gap:4px}.notes-icon-btn{width:28px;height:28px;border-radius:50%;border:none;background:var(--sp-chip, #2a2b3a);color:var(--sp-muted, #6070a0);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease;flex-shrink:0}.notes-icon-btn:hover{background:var(--sp-chip-active, #404270);color:var(--sp-text, #c0c5e0)}.notes-toolbar{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 10px;border-bottom:1px solid var(--sp-border, #2e2f40);flex-shrink:0;background:color-mix(in srgb,var(--sp-bg, #1c1d24) 70%,black 30%);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.notes-toolbar::-webkit-scrollbar{display:none}.notes-tb-eq,.notes-tb-act{display:flex;align-items:center;gap:4px;flex-shrink:0}.notes-eq-btn{padding:3px 8px;border:1px solid var(--sp-border, #2e2f40);border-radius:6px;background:var(--sp-chip, #2a2b3a);color:var(--sp-chip-text, #9098c8);font-family:inherit;font-size:.72rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .12s ease,color .12s ease,border-color .12s ease;-webkit-user-select:none;user-select:none;line-height:1.5}.notes-eq-btn:hover{background:var(--sp-chip-active, #404270);color:var(--sp-chip-active-text, #c8d0ff);border-color:color-mix(in srgb,var(--brand-main, #8898e0) 40%,transparent 60%)}.notes-eq-btn:active{transform:scale(.94)}.notes-act-btn{padding:3px 8px;border:1px solid var(--sp-border, #2e2f40);border-radius:6px;background:transparent;color:var(--sp-muted, #6070a0);font-family:inherit;font-size:.68rem;font-weight:600;letter-spacing:.04em;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:28px;min-height:24px;transition:background .12s ease,color .12s ease,border-color .12s ease;-webkit-user-select:none;user-select:none}.notes-act-btn:hover{background:var(--sp-chip, #2a2b3a);color:var(--sp-text, #c0c5e0);border-color:color-mix(in srgb,var(--sp-border, #2e2f40) 120%,transparent 0%)}.notes-act-btn.is-active{background:color-mix(in srgb,var(--brand-main, #8898e0) 18%,transparent 82%);color:color-mix(in srgb,var(--brand-main, #8898e0) 85%,white 15%);border-color:color-mix(in srgb,var(--brand-main, #8898e0) 45%,transparent 55%)}.notes-act-btn:active{transform:scale(.92)}.notes-clear-btn:hover{background:color-mix(in srgb,#e05050 15%,transparent 85%);color:#e08080;border-color:color-mix(in srgb,#e05050 35%,transparent 65%)}.notes-split{display:flex;flex:1;min-height:0;overflow:hidden}.notes-input-pane{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.notes-textarea{flex:1;width:100%;resize:none;border:none;border-radius:0;padding:13px 14px;background:color-mix(in srgb,var(--sp-bg, #1c1d24) 60%,black 40%);color:var(--sp-text, #c0c5e0);font-family:Cascadia Code,Fira Code,ui-monospace,monospace;font-size:.79rem;line-height:1.7;outline:none;caret-color:var(--brand-main, #8898e0);box-sizing:border-box;-webkit-font-smoothing:antialiased;cursor:text;-moz-tab-size:2;tab-size:2}.notes-textarea::placeholder{color:var(--sp-muted, #6070a0);font-style:italic;opacity:.65}.notes-textarea::-webkit-scrollbar{width:4px}.notes-textarea::-webkit-scrollbar-track{background:transparent}.notes-textarea::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand-main, #8898e0) 22%,transparent 78%);border-radius:10px}.notes-textarea::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--brand-main, #8898e0) 44%,transparent 56%)}.notes-char-bar{display:flex;align-items:center;justify-content:flex-end;padding:3px 10px 5px;flex-shrink:0;background:color-mix(in srgb,var(--sp-bg, #1c1d24) 60%,black 40%);border-top:1px solid color-mix(in srgb,var(--sp-border, #2e2f40) 40%,transparent 60%)}.notes-char-count{font-size:.64rem;color:var(--sp-muted, #6070a0);opacity:.45;letter-spacing:.01em;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;transition:opacity .2s ease}.notes-char-count.has-content{opacity:.75}.notes-vdivider{width:1px;background:var(--sp-border, #2e2f40);flex-shrink:0}.notes-hdivider{height:1px;width:100%;background:var(--sp-border, #2e2f40);flex-shrink:0;display:none}.notes-split.split-v{flex-direction:column}.notes-split.split-v .notes-input-pane,.notes-split.split-v .notes-preview-pane{flex:1;min-height:0;min-width:0}.notes-preview-pane{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden}.notes-preview{flex:1;overflow-y:auto;padding:13px 15px;color:var(--sp-text, #c0c5e0);font-size:.84rem;line-height:1.75;word-break:break-word;-webkit-font-smoothing:antialiased}.notes-preview::-webkit-scrollbar{width:4px}.notes-preview::-webkit-scrollbar-track{background:transparent}.notes-preview::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand-main, #8898e0) 22%,transparent 78%);border-radius:10px}.notes-preview::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--brand-main, #8898e0) 44%,transparent 56%)}.notes-preview-empty{color:var(--sp-muted, #6070a0);font-style:italic;opacity:.55;font-size:.78rem}.notes-preview .katex{color:inherit;font-size:1em}.notes-preview .katex-display{margin:.65em 0;overflow-x:auto;overflow-y:hidden}.notes-preview .katex-error{color:#e07070;font-size:.75em}.notes-preview .katex-display::-webkit-scrollbar{height:3px}.notes-preview .katex-display::-webkit-scrollbar-track{background:transparent}.notes-preview .katex-display::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand-main, #8898e0) 22%,transparent 78%);border-radius:10px}.notes-preview .katex-display::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--brand-main, #8898e0) 44%,transparent 56%)}.notes-resize-handle{position:absolute;bottom:0;right:0;width:22px;height:22px;cursor:se-resize;display:flex;align-items:flex-end;justify-content:flex-end;padding:5px;opacity:.22;transition:opacity .15s ease;z-index:1}.notes-resize-handle:hover{opacity:.6}.notes-resize-handle svg{color:var(--sp-muted, #6070a0)}@media(max-width:640px){.notes-panel{top:auto!important;bottom:8px!important;left:8px!important;right:8px!important;width:auto!important;height:48vh!important;min-width:unset!important;min-height:unset!important;border-radius:14px;transform-origin:bottom center}.notes-panel.is-open{transform:scale(1) translateY(0)!important}.notes-panel:not(.is-open){transform:scale(.96) translateY(16px)!important}.notes-resize-handle{display:none!important}.notes-header{cursor:default;padding:11px 10px 10px 14px}#notes-maximize-btn{display:flex!important}.notes-panel.is-maximized{top:0!important;bottom:0!important;left:0!important;right:0!important;width:100vw!important;height:100vh!important;border-radius:0!important;transform-origin:center center}.notes-icon-btn{width:32px;height:32px}.notes-toolbar{justify-content:flex-start;gap:5px;padding:6px 10px;-webkit-overflow-scrolling:touch}.notes-tb-eq,.notes-tb-act{flex-shrink:0;gap:5px}.notes-eq-btn{padding:5px 9px;font-size:.72rem;min-height:32px;flex-shrink:0}.notes-act-btn{padding:5px 9px;font-size:.72rem;min-height:32px;min-width:36px;flex-shrink:0}}#toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none;max-width:min(440px,calc(100vw - 40px))}.toast{padding:16px 26px;border-radius:14px;background:var(--sp-bg, #1c1d24);border:1px solid var(--sp-border, #2e2f40);border-left:4px solid var(--brand-main, #8898e0);color:var(--sp-text, #c0c5e0);font-family:inherit;font-size:.96rem;font-weight:500;letter-spacing:.01em;line-height:1.45;box-shadow:0 12px 40px #0000007a,0 3px 10px #0000003d;opacity:0;transform:translate(24px) scale(.97);transition:opacity .22s cubic-bezier(.2,.8,.4,1),transform .22s cubic-bezier(.2,.8,.4,1);pointer-events:auto;cursor:pointer;max-width:100%;white-space:nowrap;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.toast.toast-show{opacity:1;transform:translate(0) scale(1)}.toast.toast-hide{opacity:0;transform:translate(20px) scale(.97);transition:opacity .28s ease,transform .28s ease}.toast-success{border-left-color:#50c878}.toast-warning{border-left-color:#f0a830}.toast-error{border-left-color:#e05050;color:#e08080}.toast.toast-confirm{display:flex;align-items:center;gap:16px;padding-right:18px;white-space:nowrap}.toast-confirm-btn{padding:6px 16px;border-radius:8px;background:color-mix(in srgb,var(--brand-main, #8898e0) 20%,transparent 80%);border:1px solid color-mix(in srgb,var(--brand-main, #8898e0) 45%,transparent 55%);color:color-mix(in srgb,var(--brand-main, #8898e0) 90%,white 10%);font-size:.84rem;font-weight:600;cursor:pointer;transition:background .12s ease;flex-shrink:0}.toast-confirm-btn:hover{background:color-mix(in srgb,var(--brand-main, #8898e0) 32%,transparent 68%)}@media(max-width:640px){#toast-container{top:12px;right:12px;max-width:calc(100vw - 24px);gap:8px}.toast{padding:12px 18px;font-size:.84rem;border-radius:11px}.toast-confirm-btn{padding:5px 12px;font-size:.76rem}}.notes-toolbar-region{position:relative;flex-shrink:0}.notes-tools-btn{color:var(--brand-main, #8898e0);border-color:color-mix(in srgb,var(--brand-main, #8898e0) 30%,transparent 70%);letter-spacing:.01em}.notes-tools-btn.is-active{background:color-mix(in srgb,var(--brand-main, #8898e0) 16%,transparent 84%);border-color:color-mix(in srgb,var(--brand-main, #8898e0) 50%,transparent 50%);color:var(--sp-text, #c0c5e0)}.notes-tools-dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:300;background:var(--sp-bg, #1c1d24);border:1px solid var(--sp-border, #2e2f40);border-radius:10px;box-shadow:0 12px 40px #00000073,0 3px 10px #00000038;overflow:hidden}.notes-dd-scroll{max-height:280px;overflow-y:auto;padding:6px 2px 8px;scrollbar-width:thin;scrollbar-color:rgba(138,159,224,.22) transparent}.notes-dd-scroll::-webkit-scrollbar{width:4px}.notes-dd-scroll::-webkit-scrollbar-track{background:transparent}.notes-dd-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand-main, #8898e0) 22%,transparent 78%);border-radius:10px}.notes-dd-section{padding:4px 10px 2px}.notes-dd-cat{display:block;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sp-muted, #6070a0);opacity:.75;padding:4px 2px 3px;border-top:1px solid color-mix(in srgb,var(--sp-border, #2e2f40) 55%,transparent 45%);margin-bottom:4px}.notes-dd-section:first-child .notes-dd-cat{border-top:none;padding-top:0}.notes-dd-grid{display:flex;flex-wrap:wrap;gap:4px;padding-bottom:4px}.notes-dd-cell{position:relative;display:inline-flex;flex-shrink:0}.notes-dd-sym{padding:3px 22px 3px 7px;min-width:32px;border:1px solid var(--sp-border, #2e2f40);border-radius:6px;background:var(--sp-chip, #2a2b3a);color:var(--sp-chip-text, #9098c8);font-family:inherit;font-size:.71rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .1s ease,color .1s ease,border-color .1s ease;-webkit-user-select:none;user-select:none;line-height:1.5}.notes-dd-sym:hover{background:var(--sp-chip-active, #404270);color:var(--sp-chip-active-text, #c8d0ff);border-color:color-mix(in srgb,var(--brand-main, #8898e0) 40%,transparent 60%)}.notes-dd-sym:active{transform:scale(.93)}.notes-dd-pin{position:absolute;top:2px;right:2px;transform:none;width:24px;height:24px;padding:2px 0 0;border:none;background:transparent;color:var(--sp-muted, #6070a0);font-size:.72rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s ease,color .12s ease,transform .08s ease;display:flex;align-items:flex-start;justify-content:center}.notes-dd-cell:hover .notes-dd-pin{opacity:.65}.notes-dd-cell:hover .notes-dd-pin:hover{opacity:1;color:var(--brand-main, #8898e0);transform:scale(1.15)}.notes-dd-cell.is-pinned .notes-dd-pin{opacity:.8;color:var(--brand-main, #8898e0)}.notes-dd-cell.is-pinned .notes-dd-sym{border-color:color-mix(in srgb,var(--brand-main, #8898e0) 35%,transparent 65%);background:color-mix(in srgb,var(--brand-main, #8898e0) 10%,var(--sp-chip, #2a2b3a) 90%)}@media(max-width:640px){.notes-tools-dropdown{border-radius:8px}.notes-dd-scroll{max-height:220px}.notes-dd-sym{font-size:.68rem;min-height:30px;padding-right:24px}}@media(max-width:767px){html,body{overflow-x:hidden;max-width:100vw}html{height:100%}body{min-height:100dvh;padding:10px 6px 0!important;align-items:flex-start}body:has(#calculator){box-sizing:border-box;height:100svh;height:100dvh;max-height:100dvh;overflow:hidden}#app{width:100%}#calculator{cursor:default!important}#reset-view-btn{display:none!important}.notes-btn-in-header{padding:4px 9px 4px 7px!important;font-size:.65rem!important;gap:4px!important;opacity:.85!important;border-radius:14px!important;order:-1}#keypad,.dpad-disc{touch-action:none}.key,.dpad-arrow{touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}#calculator button{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}}.landing-body{margin:0;padding:0;min-height:100vh;background:var(--p-bg);color:var(--p-text);font-family:var(--p-font);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0;animation:orb-appear 1.2s ease forwards}.bg-orb-1{width:55vw;height:55vw;top:-15%;left:-10%;background:radial-gradient(circle,color-mix(in srgb,var(--p-accent) 18%,transparent 82%) 0%,transparent 70%);animation-delay:.1s;animation:orb-appear 1.2s ease .1s forwards,orb-drift-1 18s ease-in-out 1.3s infinite alternate}.bg-orb-2{width:45vw;height:45vw;bottom:-10%;right:-5%;background:radial-gradient(circle,color-mix(in srgb,var(--p-accent) 14%,transparent 86%) 0%,transparent 70%);animation:orb-appear 1.2s ease .3s forwards,orb-drift-2 22s ease-in-out 1.5s infinite alternate}.bg-orb-3{width:30vw;height:30vw;top:40%;left:40%;background:radial-gradient(circle,color-mix(in srgb,var(--p-accent) 8%,transparent 92%) 0%,transparent 70%);animation:orb-appear 1.2s ease .5s forwards,orb-drift-3 26s ease-in-out 1.7s infinite alternate}@keyframes orb-appear{0%{opacity:0}to{opacity:1}}@keyframes orb-drift-1{0%{transform:translate(0) scale(1)}to{transform:translate(6%,8%) scale(1.08)}}@keyframes orb-drift-2{0%{transform:translate(0) scale(1)}to{transform:translate(-5%,-6%) scale(1.06)}}@keyframes orb-drift-3{0%{transform:translate(0) scale(1)}to{transform:translate(4%,-5%) scale(.94)}}.landing-main{position:relative;z-index:1;flex:1;align-self:center;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:calc(100vh - 36px);padding:0 5vw;gap:8vw;max-width:1160px;margin:0 auto;width:100%;box-sizing:border-box}.lp-left{display:flex;align-items:center;justify-content:center;padding:40px 0}.mock-wrap{position:relative;display:flex;align-items:center;justify-content:center;perspective:900px}.mock-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--p-accent) 32%,transparent 68%) 0%,transparent 65%);filter:blur(40px);pointer-events:none;animation:glow-pulse 4s ease-in-out infinite alternate}@keyframes glow-pulse{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.calc-img-frame{width:336px;height:760px;overflow:hidden;position:relative;border-radius:36px;will-change:transform;transition:transform .12s ease;animation:float 5.5s ease-in-out infinite}.calc-preview-iframe{width:420px;height:950px;transform:scale(.8);transform-origin:top left;border:none;display:block;position:absolute;top:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.lp-right{display:flex;align-items:center;justify-content:flex-start;padding:40px 0 40px 4%}.lp-text{display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:440px}.lp-eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--p-accent);margin:0 0 16px}.lp-title{margin:0 0 20px;font-size:clamp(2.8rem,5vw,4.8rem);font-weight:800;letter-spacing:-.04em;line-height:.95;color:#eceef2}.lp-tagline{margin:0 0 10px;font-size:clamp(1rem,1.5vw,1.15rem);font-weight:500;color:var(--p-text);line-height:1.5}.lp-sub{margin:0 0 40px;font-size:.875rem;color:var(--p-muted);line-height:1.65}.lp-animate .lp-eyebrow{animation:lp-slide-up .55s cubic-bezier(.22,1,.36,1) .05s both}.lp-animate .lp-title{animation:lp-slide-up .6s cubic-bezier(.22,1,.36,1) .12s both}.lp-animate .lp-tagline{animation:lp-slide-up .6s cubic-bezier(.22,1,.36,1) .2s both}.lp-animate .lp-sub{animation:lp-slide-up .6s cubic-bezier(.22,1,.36,1) .27s both}.lp-animate .lp-btn{animation:lp-slide-up .6s cubic-bezier(.22,1,.36,1) .34s both}.lp-animate .mock-wrap{animation:lp-slide-up .65s cubic-bezier(.22,1,.36,1) 0s both}.lp-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 44px;background:var(--p-accent);color:#0c0e14;font-family:var(--p-font);font-size:.95rem;font-weight:700;letter-spacing:.01em;border-radius:999px;text-decoration:none;box-shadow:0 4px 28px color-mix(in srgb,var(--p-accent) 38%,transparent 62%),0 1px #ffffff26 inset;transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease;will-change:transform}.lp-btn:hover{opacity:.92;transform:scale(1.04) translateY(-1px);box-shadow:0 8px 40px color-mix(in srgb,var(--p-accent) 55%,transparent 45%),0 1px #ffffff26 inset}.lp-btn:active{transform:scale(.97);opacity:.85;box-shadow:0 2px 12px color-mix(in srgb,var(--p-accent) 30%,transparent 70%),0 1px #ffffff1a inset}@keyframes lp-slide-up{0%{transform:translateY(14px)}to{transform:translateY(0)}}@keyframes lp-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.lp-eyebrow,.lp-title,.lp-tagline,.lp-sub,.lp-btn,.mock-wrap{animation:none!important}}.lp-exit{animation:lp-fadeout .32s ease forwards!important}.lp-exit .bg-layer{animation:lp-fadeout .32s ease forwards}@keyframes lp-fadeout{0%{opacity:1}to{opacity:0}}.lp-install-hints{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.lp-hint{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:999px;font-size:.72rem;color:var(--p-muted);line-height:1.3;-webkit-user-select:none;user-select:none;pointer-events:none;transition:background .18s ease,border-color .18s ease;animation:lp-hint-in .5s cubic-bezier(.22,1,.36,1) both}.lp-hint:nth-child(2){animation-delay:.08s}@keyframes lp-hint-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lp-hint-icon{display:flex;align-items:center;justify-content:center;width:16px;opacity:.6;flex-shrink:0;line-height:1}.lp-hint-icon svg{display:block;vertical-align:middle}@media(min-width:1280px){.calc-img-frame{width:409px;height:926px}.calc-preview-iframe{transform:scale(.975)}.mock-glow{width:460px;height:460px}}@media(max-width:767px){.landing-main{display:block;position:relative;padding:0;gap:0;min-height:100svh;overflow:hidden}.lp-left{position:absolute;top:60px;left:50%;transform:translate(-50%);z-index:0;padding:0;pointer-events:none;opacity:.4}.calc-img-frame{width:252px;height:570px}.calc-preview-iframe{transform:scale(.6)}.mock-glow{width:200px;height:200px}.lp-right{position:relative;z-index:1;padding:0;width:100%;min-height:100svh;display:flex;align-items:center;justify-content:center}.lp-text{align-items:center;text-align:center;max-width:340px;padding:100px 24px 80px}.lp-title{font-size:3.2rem;text-shadow:0 2px 24px rgba(0,0,0,.85),0 0 48px rgba(0,0,0,.55)}.lp-tagline,.lp-sub{text-shadow:0 1px 14px rgba(0,0,0,.75)}.lp-tagline br,.lp-sub br{display:none}.lp-install-hints{flex-direction:column;align-items:center}.lp-btn{padding:14px 36px}}@media(max-width:400px){.calc-img-frame{width:210px;height:475px}.calc-preview-iframe{transform:scale(.5)}.lp-title{font-size:2.6rem}}.e404-body{justify-content:center}.e404-main{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 24px 80px;animation:e404-in .55s cubic-bezier(.22,1,.36,1) both}@keyframes e404-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.e404-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:480px;gap:0}.e404-code{font-family:Inter,system-ui,sans-serif;font-size:clamp(7rem,20vw,11rem);font-weight:800;letter-spacing:-.06em;line-height:1;color:transparent;background:linear-gradient(135deg,color-mix(in srgb,var(--p-accent) 90%,white 10%),color-mix(in srgb,var(--p-accent) 45%,transparent 55%));-webkit-background-clip:text;background-clip:text;margin-bottom:16px;-webkit-user-select:none;user-select:none}.e404-title{margin:0 0 12px;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700;color:#e0e2e8;letter-spacing:-.02em}.e404-msg{margin:0 0 40px;font-size:.95rem;color:var(--p-muted);line-height:1.65;max-width:360px}.e404-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.e404-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 32px;border-radius:999px;font-family:Inter,system-ui,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease;letter-spacing:.01em}.e404-btn-primary{background:var(--p-accent);color:#0c0e14;border:none;box-shadow:0 4px 20px color-mix(in srgb,var(--p-accent) 35%,transparent 65%)}.e404-btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 28px color-mix(in srgb,var(--p-accent) 48%,transparent 52%)}.e404-btn-primary:active{transform:scale(.97);opacity:.85}@media(max-width:480px){.e404-code{margin-bottom:12px}.e404-msg{margin-bottom:32px}.e404-btn{padding:11px 26px}}.preview-body{margin:0;padding:0;background:#0e1118;overflow:hidden}.preview-body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:linear-gradient(to left,#0e1118 0%,transparent 5%),linear-gradient(to right,#0e1118 0%,transparent 2%),linear-gradient(to bottom,#0e1118 0%,transparent 2%),linear-gradient(to top,#0e1118 0%,transparent 3%)}.preview-body #root{width:420px;padding:0;display:flex;flex-direction:column}.lcd-fake{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d1a0f;display:flex;flex-direction:column;font-family:Courier New,monospace;font-size:11px;color:#5cc870;padding:6px 8px;overflow:hidden;-webkit-user-select:none;user-select:none}.lcd-status{font-size:9px;color:#3a8a4a;letter-spacing:.02em;margin-bottom:4px;display:flex;justify-content:space-between}.lcd-body{flex:1;display:flex;flex-direction:column;gap:1px}.lcd-line{height:14px;display:flex;align-items:center;white-space:pre}.lcd-line.right{justify-content:flex-end}.lcd-line.ans{color:#7de090;font-size:13px}.lcd-line.dim{color:#2d6035}.lcd-cursor{display:inline-block;width:6px;height:12px;background:#5cc870;vertical-align:middle;margin-left:1px}.preview-body #calculator *{pointer-events:none!important;cursor:default!important}.preview-body #debug-panel,.preview-body #upload-hint,.preview-body #keyboard-hint,.preview-body #calc-controls-row{display:none!important}.preview-body #status-text{display:none}.run-badge{font-size:.68rem;font-weight:600;padding:2px 9px;border-radius:20px;background:#50c8782e;color:#50c878;letter-spacing:.03em}