:root{--bg:#0b0c0f;--card:#13141899;--elev:#191a1fcc;--line:#ffffff14;--line2:#ffffff24;--text:#f4f5f7;--mute:#9095a1;--dim:#5d616c;--acc:#6f8cff;--acc-soft:#6f8cff1f;--ok:#3ecf8e;--warn:#f5a524;--bad:#f25f5c;--pri:#ffffff;--on-pri:#0b0c0f;--star:#ffffff;--neb1:#3b4bff33;--neb2:#9b5cff26;--neb3:#00d4ff14;--glow:#6f8cff;color-scheme:dark}:root[data-theme=light]{--bg:#f4f5f8;--card:#ffffffb8;--elev:#f1f2f5e6;--line:#0b0c0f14;--line2:#0b0c0f24;--text:#0b0c0f;--mute:#5d616c;--dim:#9095a1;--acc:#4a6cf7;--acc-soft:#4a6cf714;--pri:#0b0c0f;--on-pri:#ffffff;--star:#4a6cf7;--neb1:#4a6cf71a;--neb2:#9b5cff14;--neb3:#00b4ff10;--glow:#4a6cf7;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{color:var(--text);font-family:Inter,IBM Plex Sans Arabic,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(900px 600px at 85% -10%,var(--neb2),transparent 60%),radial-gradient(800px 700px at -10% 30%,var(--neb1),transparent 60%),radial-gradient(700px 500px at 60% 110%,var(--neb3),transparent 60%),var(--bg);background-attachment:fixed;overflow-x:hidden}[dir=rtl] body{font-family:IBM Plex Sans Arabic,Inter,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}#sky{position:fixed;inset:0;z-index:0;pointer-events:none}#app{position:relative;z-index:1;min-height:100dvh;display:flex;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px 0}.shell{width:100%;max-width:460px;display:flex;flex-direction:column;gap:14px;min-height:calc(100dvh - 16px);padding-bottom:calc(84px + env(safe-area-inset-bottom))}.shell.center{justify-content:center;padding-bottom:24px}.card{background:var(--card);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:20px;padding:24px 20px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(400px 220px at 50% -40px,#6f8cff1a,transparent 70%)}.card>*{position:relative}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:500}[dir=rtl] .eyebrow{letter-spacing:0}.title{font-size:24px;font-weight:600;letter-spacing:-.02em}.t{font-size:24px;font-weight:600;letter-spacing:-.02em;text-align:center}.s{font-size:13px;color:var(--mute);text-align:center;line-height:1.7}.warn{color:var(--warn)}label.f{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--mute);font-weight:500}input,select,textarea{width:100%;background:var(--elev);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px 14px;font:inherit;font-size:15px;outline:none}textarea{min-height:72px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--acc)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--acc)}input[type=range]{padding:0;accent-color:var(--acc);background:none;border:0}.btn{background:var(--pri);color:var(--on-pri);border:1px solid var(--pri);border-radius:10px;padding:12px;font-size:14px;font-weight:600;display:flex;gap:8px;align-items:center;justify-content:center;box-shadow:0 0 24px -6px #c9d4ff66;transition:transform .1s,opacity .2s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;pointer-events:none}.ghost{background:transparent;color:var(--text);border:1px solid var(--line2);box-shadow:none}.danger{color:var(--bad);border-color:#f25f5c44}.row{display:flex;gap:8px;align-items:center}.row>.btn{flex:1}.top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:6px 2px 0}.icon{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);display:grid;place-items:center;color:var(--mute);flex:none;background:transparent}.icon:hover{color:var(--text);border-color:var(--line2)}.ic{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.mono{font-family:JetBrains Mono,ui-monospace,monospace;direction:ltr;unicode-bidi:isolate}.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.chip{white-space:nowrap;font-size:12px;font-weight:500;padding:6px 13px;border-radius:99px;border:1px solid var(--line);color:var(--mute)}.chip.on{color:var(--acc);background:var(--acc-soft);border-color:transparent}.srch{position:relative}.srch .ic{position:absolute;z-index:1;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--mute)}.srch input{padding-inline-start:40px;background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.list{display:flex;flex-direction:column;gap:8px}.item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);cursor:pointer}.item:hover{border-color:var(--line2)}.item .m{flex:1;min-width:0}.item .n{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item .u{font-size:12px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item .u.mono{color:var(--text)}.av{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-weight:600;flex:none;border:1px solid var(--line);background:var(--elev);overflow:hidden;box-shadow:0 0 18px -8px var(--c,#6f8cff);color:var(--c,var(--acc))}.av img{width:26px;height:26px;object-fit:contain;border-radius:5px}.empty{padding:40px 12px;text-align:center;color:var(--mute);font-size:14px}.banner{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;border:1px solid #6f8cff44;background:var(--acc-soft);font-size:13px}.banner span{flex:1}.banner .btn{padding:8px 12px;flex:none}.fab{position:fixed;inset-inline-end:max(20px,calc(50% - 210px));bottom:calc(92px + env(safe-area-inset-bottom));width:54px;height:54px;border-radius:16px;background:var(--pri);color:var(--on-pri);display:grid;place-items:center;box-shadow:0 0 30px #6f8cff66;z-index:5}.nav{position:fixed;bottom:0;left:0;right:0;z-index:4;display:flex;justify-content:center;padding:0 16px env(safe-area-inset-bottom);background:linear-gradient(transparent,var(--bg) 40%)}.nav>div{width:100%;max-width:460px;display:flex;justify-content:space-around;border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:10px 0 12px}.nav button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--dim);font-weight:500;min-width:72px}.nav button.on{color:var(--text)}.nav button.on .ic{filter:drop-shadow(0 0 6px var(--glow))}.logo{width:84px;height:84px;position:relative;margin:8px auto 0}.planet{position:absolute;inset:16px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#c9d4ff,#6f8cff 38%,#3a2b8f 72%,#120c35);box-shadow:0 0 40px #6f8cff66,inset -8px -8px 16px #0006}.ring{position:absolute;left:-2px;right:-2px;top:35px;height:14px;border:1.5px solid #c9d4ffaa;border-radius:50%;transform:rotate(-18deg)}.ring.back{clip-path:inset(0 0 50% 0)}.ring.front{clip-path:inset(50% 0 0 0);z-index:2}.finger{position:relative;width:176px;height:176px;margin:8px auto;display:grid;place-items:center;color:var(--acc);border-radius:50%;background:radial-gradient(circle,#6f8cff26,transparent 62%);transition:transform .2s}.finger:active{transform:scale(.96)}.finger>.ic{position:relative;z-index:2;filter:drop-shadow(0 0 10px #6f8cff99)}.finger.busy>.ic{animation:pulse 1.2s ease-in-out infinite}.orbit{position:absolute;border:1px dashed var(--line2);border-radius:50%;animation:spin linear infinite}.o1{inset:32px;animation-duration:14s}.o2{inset:6px;animation-duration:26s;animation-direction:reverse;border-style:solid;border-color:var(--line)}.moon{position:absolute;top:-4px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#c9d4ff;box-shadow:0 0 12px #c9d4ff}.o2 .moon{width:6px;height:6px;background:#b18cff;box-shadow:0 0 10px #b18cff}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.4}}.code{font-size:18px;letter-spacing:.06em;text-align:center;padding:18px 12px;border-radius:12px;border:1px dashed #6f8cff66;background:radial-gradient(300px 120px at 50% 0,#6f8cff22,transparent 70%),var(--elev);word-break:break-all;line-height:1.8}.out{font-size:19px;text-align:center;padding:18px;border-radius:12px;border:1px solid #6f8cff33;background:radial-gradient(300px 120px at 50% 0,#6f8cff22,transparent 70%),var(--elev);word-break:break-all;text-shadow:0 0 18px #6f8cff66;min-height:62px}.bar{display:flex;gap:4px}.bar i{flex:1;height:4px;border-radius:2px;background:var(--line);transition:background .2s}.check{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--mute);cursor:pointer}.foot{display:flex;gap:6px;justify-content:center;align-items:center;font-size:12px;color:var(--mute);margin-top:4px}.seg{display:flex;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--elev)}.seg button{color:var(--mute);font-size:12px;font-weight:600;min-width:38px;height:30px;border-radius:7px;display:grid;place-items:center;padding:0 8px}.seg button.on{background:var(--pri);color:var(--on-pri)}.set{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.set:first-of-type{border-top:0}.set .m{flex:1;min-width:0}.set .n{font-size:14px;font-weight:500}.set .d{font-size:12px;color:var(--mute);margin-top:2px}.switch{width:44px;height:26px;border-radius:99px;background:var(--line2);position:relative;flex:none;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:inset-inline-start .2s}.switch.on{background:var(--acc)}.switch.on:after{inset-inline-start:21px}.sheet-bg{position:fixed;inset:0;z-index:20;background:#0008;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:fade .15s}.sheet{width:100%;max-width:460px;max-height:92dvh;overflow:auto;border-radius:22px 22px 0 0;border-bottom:0;padding-bottom:calc(20px + env(safe-area-inset-bottom));animation:up .2s ease-out;background:var(--bg)}.sheet.card{background:color-mix(in srgb,var(--bg) 88%,transparent)}@media(min-width:640px){.sheet-bg{align-items:center}.sheet{border-radius:22px;border-bottom:1px solid var(--line)}}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(30px);opacity:0}}.pw{position:relative;direction:ltr}.pw input{padding-inline-end:84px}.pw .acts{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);display:flex;gap:2px}.pw .acts button{width:34px;height:34px;display:grid;place-items:center;color:var(--mute);border-radius:8px}.pw .acts button:hover{color:var(--text)}.toast{position:fixed;left:50%;bottom:calc(110px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:30;background:var(--pri);color:var(--on-pri);padding:10px 16px;border-radius:12px;font-size:13px;font-weight:500;box-shadow:0 8px 30px #0006;animation:up .2s;max-width:calc(100% - 32px);text-align:center}@media(prefers-reduced-motion:reduce){.orbit,.finger.busy>.ic{animation:none}}