:root{--bg: #0a0d14;--panel: rgba(14, 18, 28, .86);--border: rgba(255, 255, 255, .08);--text: #dbe4f5;--muted: #7c8aa5;--accent: #6ea8ff;--accent-2: #b06eff}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,input,select,label{touch-action:manipulation}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;user-select:none;-webkit-user-select:none}#app,#app canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block}#app{z-index:0}#panel{position:fixed;z-index:6;top:14px;left:14px;bottom:14px;width:272px;padding:16px 14px;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:16px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:14px;scrollbar-width:thin}#panel>*{flex-shrink:0}header{position:relative}#btn-info{position:absolute;top:-3px;right:0;width:30px;height:30px;padding:0;border-radius:50%;border:1px solid rgba(156,199,255,.9);background:linear-gradient(135deg,#4b94ff94,#9d50ff85);color:#fff;font-size:16px;font-weight:700;font-style:italic;font-family:Georgia,serif;line-height:1;box-shadow:0 0 18px #6ea8ff52,inset 0 1px #fff3;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s}#btn-info:hover{transform:scale(1.08);background:linear-gradient(135deg,#5aa2ffc7,#b062ffb8);border-color:#c5ddff;box-shadow:0 0 24px #6ea8ff75,inset 0 1px #ffffff40}#mode-float{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:7;display:flex;gap:6px;padding:6px;border-radius:14px;background:#0e121cf0;border:1px solid rgba(110,168,255,.28);box-shadow:0 8px 28px #00000061,0 0 22px #6ea8ff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#mode-float .seg-btn{flex:none;padding:9px 17px;border:1px solid rgba(255,255,255,.14);background:#ffffff12;font-size:13.5px;font-weight:600;box-shadow:inset 0 1px #ffffff0a}#mode-float .seg-btn:hover{border-color:#6ea8ff7a;background:#6ea8ff26}#mode-float .seg-btn.active{background:linear-gradient(135deg,#4890ff8a,#974bff75);border-color:#8bbbffd1;color:#fff;box-shadow:0 0 16px #6ea8ff33,inset 0 1px #ffffff29}#info-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#05070c99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}#info-modal.hidden{display:none}.info-card{position:relative;width:min(430px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow-y:auto;padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:16px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:12px;font-size:13px;line-height:1.55;color:var(--text)}.info-card h3{font-size:15px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.info-card ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.info-card li::marker{color:var(--accent)}.info-card b{color:#fff}.info-card .he{direction:rtl;text-align:right}.info-card .he,.info-card .en{display:flex;flex-direction:column;gap:12px}#info-modal[data-lang=en] .he,#info-modal[data-lang=he] .en{display:none}#lang-toggle{align-self:flex-end;display:flex;align-items:center;gap:7px;padding:8px 14px;background:linear-gradient(135deg,#6ea8ff4d,#b06eff4d);border-color:#8bbbffb8;color:#fff;font-weight:700;box-shadow:0 0 16px #6ea8ff29}#lang-toggle:hover{background:linear-gradient(135deg,#6ea8ff75,#b06eff75);border-color:#b0d2ffe6}.info-card hr{border:none;border-top:1px solid var(--border)}.info-card .fun{padding:8px 12px;border-radius:8px;background:#b06eff1f;border:1px solid rgba(176,110,255,.25);font-size:12.5px}.info-card .video-link{display:block;color:#e7efff;font-weight:700;text-align:center;text-decoration:none;transition:background .15s,border-color .15s,transform .15s}.info-card .video-link:hover{transform:translateY(-1px);background:#b06eff38;border-color:#b06eff80}header h1{font-size:19px;letter-spacing:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}header h1 span{font-weight:300}header .sub{color:var(--muted);font-size:11px;margin-top:2px}h2{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:8px}.row{display:flex;gap:6px}button{font:inherit;color:var(--text);background:#ffffff0f;border:1px solid var(--border);border-radius:9px;padding:7px 10px;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#ffffff1f}button.wide{width:100%}.seg{background:#ffffff0a;border-radius:10px;padding:3px}.seg-btn{flex:1;border:none;background:transparent;white-space:nowrap}.seg-btn.active{background:#6ea8ff38;border:1px solid rgba(110,168,255,.45)}.transport button{flex:1;font-size:15px;padding:8px 0}.transport .accent{background:linear-gradient(135deg,#6ea8ff59,#b06eff59);border-color:#6ea8ff8c;flex:1.6}.slider-row label{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:4px}.slider-row b{color:var(--text);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent)}#status{background:#6ea8ff14;border:1px solid rgba(110,168,255,.18);border-radius:9px;padding:8px 10px;min-height:34px;font-size:12px;line-height:1.35}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:11px;color:var(--muted);background:#ffffff0d;border:1px solid var(--border);border-radius:999px;padding:3px 9px;font-variant-numeric:tabular-nums}.chip.hidden{display:none}#presets{display:grid;grid-template-columns:1fr 1fr;gap:7px}.preset{display:flex;flex-direction:column;gap:4px;padding:6px;text-align:center;font-size:11px}.preset canvas{width:100%;height:44px;border-radius:5px;background:#0a0e18}.actions{margin-top:8px}.actions button{flex:1}.opt{display:flex;align-items:center;gap:8px;padding:4px 0;color:var(--text);cursor:pointer}.opt-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}select{font:inherit;color:var(--text);background:#ffffff0f;border:1px solid var(--border);border-radius:7px;padding:4px 8px}footer{margin-top:auto;padding-top:6px;color:var(--muted);font-size:10.5px;text-align:center;letter-spacing:.5px}#btn-collapse{display:none;position:absolute;top:-4px;right:0;width:38px;height:32px;padding:0;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(139,187,255,.48);background:linear-gradient(135deg,#6ea8ff33,#b06eff2e);box-shadow:0 0 14px #6ea8ff21,inset 0 1px #ffffff14;transition:background .2s,border-color .2s,box-shadow .2s}#btn-collapse:hover{border-color:#b0d2ffcc;background:linear-gradient(135deg,#6ea8ff57,#b06eff4d);box-shadow:0 0 18px #6ea8ff3d,inset 0 1px #ffffff1f}.accordion-chevron{position:relative;display:block;width:22px;height:12px;transition:transform .18s ease}.accordion-chevron:before,.accordion-chevron:after{content:"";position:absolute;top:4px;width:13px;height:3px;border-radius:999px;background:#d9e8ff;box-shadow:0 0 6px #6ea8ff73;transition:transform .34s cubic-bezier(.34,1.56,.64,1),background .2s}.accordion-chevron:before{left:0;transform:rotate(35deg)}.accordion-chevron:after{right:0;transform:rotate(-35deg)}#btn-collapse:active .accordion-chevron{transform:scale(.82)}@media (max-width: 700px),(max-height: 520px){#btn-info{right:46px}#mode-float{top:max(8px,env(safe-area-inset-top));max-width:calc(100vw - 16px);gap:3px;padding:4px}#mode-float .seg-btn{padding:8px 10px;font-size:12px}#btn-collapse{display:flex}#panel.closed .accordion-chevron:before{transform:rotate(-35deg)}#panel.closed .accordion-chevron:after{transform:rotate(35deg)}#panel.closed{transform:translateY(calc(100% - 64px));overflow-y:hidden}#panel{top:auto;left:0;right:0;bottom:0;width:auto;max-height:52vh;border-radius:16px 16px 0 0;border-bottom:none;padding-bottom:max(14px,env(safe-area-inset-bottom));transition:transform .28s ease;will-change:transform}footer{display:none}button{padding:9px 12px}.transport button{font-size:17px;padding:11px 0}.seg-btn,.preset{padding:8px 6px}}@media (prefers-reduced-motion: reduce){#panel,.accordion-chevron,.accordion-chevron:before,.accordion-chevron:after{transition:none}}