
:root{
--bg:#090a0c;--panel:#111317;--panel2:#15171c;--line:#292d34;--ink:#f3f4f2;--muted:#8d929a;
--mint:#62e0aa;--mint2:#a6f4d1;--amber:#e5b65d;--red:#d87882;--white:#fff;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--ink);font:14px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,system-ui,sans-serif;overflow-x:hidden}
button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
.ambient{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:-3}.ambientA{width:45vw;height:45vw;right:-18vw;top:-20vw;background:#4edc9a22}.ambientB{width:35vw;height:35vw;left:-18vw;bottom:-12vw;background:#76818f15}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.nav{height:72px;padding:0 max(18px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;background:#090a0ce8;border-bottom:1px solid #ffffff08;backdrop-filter:blur(24px)}.brand{display:flex;gap:10px;align-items:center}.brandIcon{width:35px;height:35px;border-radius:11px;background:#f1f2ef;color:#0c0d0f;display:grid;place-items:center;font-weight:950;font-style:italic}.brand b{display:block;font-size:13px;letter-spacing:.14em}.brand small{display:block;font-size:7px;color:#777c83;letter-spacing:.17em;margin-top:1px}.navRight{display:flex;align-items:center;gap:12px}.local{font-size:8px;font-weight:900;letter-spacing:.16em;color:#777d84}.local i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px var(--mint);margin-right:5px}.local span{margin:0 4px;color:#3d4147}.navBtn{width:40px;height:40px;border-radius:13px;border:1px solid #292d34;background:#111317;color:#ddd}

main{width:min(1120px,calc(100% - 32px));margin:26px auto 70px}.heroCard{position:relative;overflow:hidden;border:1px solid #292d34;border-radius:30px;background:linear-gradient(145deg,#15181c,#0d0f12 70%);box-shadow:0 30px 100px #0009;padding:28px}.heroCard:before{content:"";position:absolute;width:560px;height:560px;right:-260px;top:-340px;border-radius:50%;background:#62e0aa12;filter:blur(10px)}.heroTop{display:flex;justify-content:space-between;align-items:flex-start;position:relative}.eyebrow{font-size:9px;letter-spacing:.19em;font-weight:950;color:#7e858d}.livePulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);margin-right:6px}.position{font-size:11px;color:#6f747c;margin-top:4px}.statusPill{font-size:9px;font-weight:950;letter-spacing:.12em;padding:7px 11px;border-radius:999px;background:#123a2b;color:#6be2ad;border:1px solid #1d5b43}.statusPill.wait{background:#3c2e14;color:var(--amber);border-color:#654d21}.heroMain{display:flex;gap:22px;align-items:center;margin:27px 0 22px;position:relative}.heroIndex{width:82px;height:82px;border-radius:24px;background:#f1f2ef;color:#101215;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 35px #0006;flex:0 0 auto}.heroIndex span{font-size:24px;font-weight:950;line-height:1}.heroIndex small{font-size:6px;letter-spacing:.18em;font-weight:950;color:#757b82;margin-top:6px}.identity{min-width:0}.identity h1{font-size:clamp(25px,4vw,43px);line-height:1.02;letter-spacing:-.045em;margin:5px 0 5px;word-break:break-all}.identity p{margin:0;color:#7c828a;font-size:12px}.modelStrip{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.modelChip{border:1px solid #30353c;background:#171a1e;border-radius:999px;padding:5px 9px;color:#aeb4bb;font-size:9px}.modelChip.wait{color:var(--amber);border-color:#5a4826;background:#211b11}
.commandGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative}.copyCard,.command{min-height:82px;border-radius:18px;transition:transform .18s,box-shadow .18s,border-color .18s}.copyCard{border:1px solid #353a42;color:var(--ink);background:#171a1e;display:flex;align-items:center;text-align:left;padding:14px 16px;gap:12px;box-shadow:inset 0 1px 0 #ffffff08}.copyCard:hover,.command:hover{transform:translateY(-2px)}.copyCard.email:hover{border-color:#52616c;box-shadow:0 14px 35px #0005}.copyCard.password{background:linear-gradient(135deg,#19211e,#151a18);border-color:#335143}.copyCard.password:hover{border-color:#4e8c70;box-shadow:0 14px 35px #62e0aa14}.copyIcon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#22262c;color:#e8eae8;font-size:12px;font-weight:950}.password .copyIcon{background:#173225;color:#74e7b2;letter-spacing:.12em}.copyText{flex:1}.copyText b,.command b{display:block;font-size:11px;letter-spacing:.08em}.copyText small,.command small{display:block;color:#7e848b;font-size:9px;margin-top:3px}.copyArrow{font-size:18px;color:#777e86}.command{border:1px solid #30353c;padding:14px 16px;display:flex;align-items:center;text-align:left;gap:12px}.command.secondary{background:#17171a;color:#e2b6bb}.command.primary{background:#e9ece8;color:#0d0f10;border-color:#e9ece8;justify-content:space-between;box-shadow:0 12px 32px #0004}.command.primary small{color:#62686d}.command.primary strong{font-size:25px;font-weight:400}.commandIcon{width:34px;height:34px;border-radius:11px;background:#292126;display:grid;place-items:center;color:#db8991}.heroFooter{display:flex;justify-content:space-between;align-items:center;margin-top:15px;color:#60666e;font-size:8px;letter-spacing:.13em}.hint span{color:#a9afb6}.keyboardHint i{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-left:4px;box-shadow:0 0 8px var(--mint)}

.rotationSection{margin-top:42px}.sectionHeader{display:flex;justify-content:space-between;align-items:end}.sectionHeader h2{font-size:31px;line-height:1;margin:5px 0 7px;letter-spacing:-.045em}.statsLine{font-size:9px;color:#747a82}.greenDot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);margin-right:5px}.listTools{display:flex;gap:8px}.searchBox{height:42px;width:240px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid #292d34;border-radius:13px;background:#111317}.searchBox span{font-size:19px;color:#777d85}.searchBox input{width:100%;border:0;outline:0;background:transparent;color:#eee;font-size:11px}.searchBox input::placeholder{color:#666c74}.addBtn{height:42px;border:1px solid #30353c;background:#f0f2ee;color:#101214;border-radius:13px;padding:0 14px;font-size:9px;font-weight:950}.legend{display:flex;gap:14px;color:#626870;font-size:8px;margin:12px 1px}.legendDot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.ready{background:var(--mint);box-shadow:0 0 8px #62e0aa66}.wait{background:var(--amber)}.off{background:#5f646b}.accountList{display:flex;flex-direction:column;gap:8px}.accountRow{display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:center;padding:14px 15px;background:#111317;border:1px solid #24282e;border-radius:17px;transition:.18s}.accountRow.current{border-color:#3c6b55;background:linear-gradient(90deg,#121917,#111317)}.accountRow:hover{transform:translateY(-2px);border-color:#3b4048}.num{font-size:10px;font-weight:950;color:#666c74;text-align:center}.rowEmail{font-size:12px;font-weight:800;word-break:break-all}.rowMeta{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.tag{border-radius:99px;padding:3px 7px;background:#1a1d21;color:#8c9299;font-size:8px}.tag.green{color:#65dba9;background:#12291f}.tag.yellow{color:var(--amber);background:#292012}.tag.gray{color:#70767d}.rowActions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.mini{border:1px solid #30353c;background:#171a1e;color:#c9cdd0;padding:8px 9px;border-radius:9px;font-size:8px;font-weight:950}.mini.primary{background:#eef0ed;color:#0d0f10;border-color:#eef0ed}.mini.copy{color:#6fe0ae;border-color:#2f5b48}.mini.danger{color:#dc8a92}
footer{width:min(1120px,calc(100% - 32px));margin:auto auto 30px;display:flex;justify-content:space-between;color:#565c64;font-size:8px;letter-spacing:.1em}

dialog{border:0;padding:0;background:transparent}dialog::backdrop{background:#000b;backdrop-filter:blur(15px)}.modal{width:min(570px,calc(100vw - 26px));padding:25px;background:#13161aef;color:#eee;border:1px solid #30353c;border-radius:23px;box-shadow:0 30px 100px #000c}.modal.wide{width:min(760px,calc(100vw - 26px))}.modalHead{display:flex;justify-content:space-between}.modal h2{margin:5px 0 20px;font-size:27px;letter-spacing:-.04em}.close{border:0;background:none;color:#858b93;font-size:28px}.modal label{display:block;font-size:10px;font-weight:850;color:#9ca2aa;margin:14px 0}.modal label input{display:block;width:100%;margin-top:6px;border:1px solid #30353c;border-radius:11px;padding:12px;background:#0e1013;color:#eee}.profileHint,.editorHint,.parserExample{font-size:9px;color:#777e86;background:#0e1013;border:1px solid #252a30;padding:10px;border-radius:10px}.toggle{display:flex!important;gap:8px;align-items:center}.toggle input{width:auto!important;margin:0!important}.modalActions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.ghostBtn{border:1px solid #30353c;background:#171a1e;color:#c8cdd0;border-radius:11px;padding:11px 14px;font-size:9px;font-weight:950}.primarySmall{background:#eef0ed;color:#0c0e10;border:0;border-radius:11px;padding:11px 14px;font-size:9px;font-weight:950}.modalEmail{color:#777f88;font-size:11px;word-break:break-all}.modelLabel{font-size:9px;letter-spacing:.14em;font-weight:950;color:#8c9299;margin:18px 0 8px}.modelButtons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.modelButtons button{border:1px solid #30353c;background:#0e1013;color:#bfc4c8;border-radius:11px;padding:12px;font-size:10px;font-weight:900}.modelButtons button.selected{background:#173a2b;border-color:#3e8d68;color:#76e6b3}.parserArea{margin-top:4px}.parserArea textarea{display:block;width:100%;resize:vertical;min-height:105px;border:1px solid #30353c;border-radius:12px;background:#0e1013;color:#eee;padding:12px;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.parseRow{display:flex;gap:8px;align-items:center;margin-top:8px}.parseBtn{border:1px solid #396a54;background:#12291f;color:#72e5b1;border-radius:10px;padding:10px 12px;font-size:9px;font-weight:950}.parseResult{font-size:10px;color:#7b828a}.parseResult.ok{color:#70e1ad}.parseResult.bad{color:#db8b93}.settingBlock{border-top:1px solid #292d34;padding:17px 0}.settingBlock p{font-size:10px;color:#747b83;margin:4px 0 10px}.settingsModels{display:flex;flex-direction:column;gap:6px}.settingRow{display:flex;justify-content:space-between;background:#0e1013;border:1px solid #252a30;border-radius:10px;padding:9px 11px;font-size:11px}.settingRow button{border:0;background:none;color:var(--red);font-size:8px;font-weight:950}.addModel{display:flex;gap:6px;margin-top:7px}.addModel input{flex:1;border:1px solid #30353c;border-radius:10px;padding:9px;background:#0e1013;color:#eee}.addModel button{border:0;background:#eef0ed;color:#0d0f10;border-radius:10px;padding:9px 12px;font-size:8px;font-weight:950}.settingButtons{display:flex;gap:7px;flex-wrap:wrap}.settingButtons button,.settingButtons label{border:1px solid #30353c;background:#171a1e;color:#c7cbd0;padding:9px 12px;border-radius:10px;font-size:8px;font-weight:950;cursor:pointer}.settingButtons input{display:none}.importExample{margin-top:10px;background:#0e1013;border:1px solid #252a30;border-radius:11px;padding:9px 11px}.importExample summary{font-size:9px;font-weight:950;cursor:pointer}.importExample pre{font-size:8px;max-height:220px;overflow:auto;white-space:pre-wrap;color:#a9afb6}.editorHint{margin-bottom:12px}#jsonEditor{width:100%;height:430px;resize:vertical;border:1px solid #30353c;border-radius:14px;background:#0b0d0f;color:#dfe3e2;padding:15px;font:11px/1.55 ui-monospace,monospace}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#edf0ec;color:#0d0f10;padding:11px 15px;border-radius:12px;font-size:10px;font-weight:900;box-shadow:0 15px 50px #0007;transition:.2s;z-index:99}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){main{width:calc(100% - 18px);margin-top:12px}.heroCard{padding:19px;border-radius:23px}.heroMain{gap:13px}.heroIndex{width:66px;height:66px;border-radius:19px}.identity h1{font-size:24px}.commandGrid{grid-template-columns:1fr}.copyCard,.command{min-height:70px}.sectionHeader{display:block}.listTools{margin-top:15px}.searchBox{flex:1;width:auto}.accountRow{grid-template-columns:30px 1fr}.rowActions{grid-column:2;justify-content:flex-start}.heroFooter{display:none}footer{width:calc(100% - 18px);flex-direction:column;gap:8px}.nav{padding:0 12px}.local{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
