:root{color-scheme:dark;--bg:#080910;--panel:#11121c;--muted:#8b8c9f;--line:#ffffff12;--cyan:#62f6e4;--violet:#a18aff;--white:#f3f1fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font:15px/1.55 Inter,Arial,sans-serif;min-height:100vh}button,input,textarea{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}[hidden]{display:none!important}.ambient{position:fixed;pointer-events:none;z-index:-1;filter:blur(110px);opacity:.12;border-radius:50%}.ambient-a{background:#7144ff;width:550px;height:550px;top:-230px;left:4%;animation:drift 18s ease-in-out infinite alternate}.ambient-b{background:#00d5bf;width:450px;height:450px;right:-300px;top:30%;opacity:.08}.grid-bg{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(black,transparent)}.topbar{height:100px;max-width:1320px;margin:auto;padding:0 56px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:800;letter-spacing:-1px}.brand img{width:47px;height:47px;object-fit:contain}.brand b{font-weight:400;color:#b0b1c1}.top-caption{font-size:9px;letter-spacing:2.5px;color:#6f7083;margin-left:20px}.private-label,.text-button{margin-left:auto;font-size:12px;color:#a8a8b9}.private-label i,.eyebrow>span,.success-dot,.device-summary i{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:8px;box-shadow:0 0 12px #62f6e470}.text-button{background:none;border:0}.text-button span{margin-left:15px;color:var(--cyan)}main{max-width:1208px;margin:auto;padding:0 0 50px}.login-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;min-height:760px;padding:65px 0 45px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#a7a6bb;font-weight:600}.intro{position:relative;padding-left:30px;min-height:610px}h1{font-size:66px;line-height:1.04;letter-spacing:-3.4px;margin:28px 0 25px;font-weight:700}h1 em{font-style:normal;background:linear-gradient(100deg,#a994ff 5%,#d2bfff 44%,#69eede 100%);background-clip:text;color:transparent}.lead{font-size:16px;color:#9999af;line-height:1.8;margin:0}h2{font-size:25px;letter-spacing:-.7px;line-height:1.3;margin:13px 0}p{color:var(--muted)}.hero-art{position:relative;width:350px;height:220px;margin:0 0 10px 165px;perspective:700px}.hero-art img{position:absolute;width:280px;height:280px;object-fit:contain;top:-25px;left:35px;filter:drop-shadow(0 8px 32px #6549ee55);animation:float 7s ease-in-out infinite}.orbit{position:absolute;border:1px solid #a587ff44;border-radius:50%;width:360px;height:165px;left:-5px;top:55px;transform:rotate(-22deg)}.orbit-two{border-color:#4fe5d81c;transform:rotate(22deg);width:390px;left:-20px}.orbit-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan);top:168px;left:6px}.intro-foot{display:flex;gap:29px;font:9px monospace;letter-spacing:1.5px;color:#646579;margin-top:20px}.login-side{padding-right:30px}.login-card{position:relative;background:linear-gradient(140deg,#1a1826cc,#11131aee);border:1px solid #ffffff15;border-radius:22px;padding:42px;box-shadow:0 24px 70px #0005;overflow:hidden}.card-corner{position:absolute;top:0;left:42px;right:42px;height:1px;background:linear-gradient(90deg,transparent,#a18aff,transparent)}.small-icon{display:grid;place-items:center;border:1px solid #ac8cff30;border-radius:14px;width:48px;height:48px;background:#a18aff0d;font-size:26px;color:#b59cff;margin-bottom:26px}.login-card h2{font-size:29px;max-width:300px;margin-top:13px}.login-card p{font-size:14px;line-height:1.8}.login-card label{margin-top:30px}label{display:block;font-size:12px;color:#c8c7d6;margin:21px 0 9px}input,textarea{width:100%;border:1px solid #ffffff15;background:#080a12;color:white;border-radius:10px;padding:15px 17px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:#a18aff88;box-shadow:0 0 0 3px #a18aff10}input::placeholder{color:#5e5e73}.password-wrap{position:relative}.password-wrap input{padding-right:50px}.password-wrap button{position:absolute;right:10px;top:10px;color:#8d8b9e;background:none;border:0;width:33px;height:34px}.primary{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:16px 20px;border-radius:10px;background:linear-gradient(110deg,#bda9ff,#9d86fa 60%,#83bce5);color:#100c21;font-size:14px;font-weight:700;border:0;box-shadow:0 4px 22px #9271ff17;transition:transform .2s,box-shadow .2s}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #9271ff33}.primary span{font-size:21px;line-height:1}.error{color:#ff9ba8!important;font-size:12px!important;min-height:19px;margin:9px 0}.card-note{font-size:10px;color:#6c6d80;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px}.card-note svg{width:13px;height:13px;stroke-width:1.5}.under-card{text-align:center;font-size:10px;letter-spacing:.5px;color:#69697e;margin-top:25px}.tiny-star{color:#a18aff;font-size:17px;vertical-align:middle;margin-right:7px}footer{max-width:1208px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:25px 0 32px;border-top:1px solid var(--line);font-size:10px;color:#616276}footer span:nth-child(2){letter-spacing:2px}footer i{font-style:normal;color:var(--violet);margin-left:8px}.dashboard-hero{display:flex;align-items:center;justify-content:space-between;padding:55px 0 45px}.dashboard-hero h1{font-size:56px;margin:20px 0}.dashboard-logo{position:relative;width:300px;height:240px}.dashboard-logo img{width:100%;height:100%;object-fit:contain;animation:float 7s ease-in-out infinite;position:relative}.logo-halo{position:absolute;inset:30px;background:#7650ff22;filter:blur(40px);border-radius:50%}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0 20px}.step-label{color:#a18aff;font:10px monospace;letter-spacing:2px}.section-heading h2{margin-bottom:0;font-size:23px}.section-heading>p,.profile-hint{font-size:12px;color:#717386}.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.platform{position:relative;display:flex;text-align:left;align-items:center;gap:18px;padding:24px;border-radius:13px;border:1px solid var(--line);color:#e5e4ee;background:#10111a;transition:background .2s,border-color .2s,transform .2s}.platform:hover{transform:translateY(-3px);border-color:#ffffff35}.platform.selected{border-color:#9d86fa88;background:linear-gradient(120deg,#201b32,#151622)}.platform-icon{width:36px;height:36px;color:#a7a5ba}.platform-icon svg{width:100%;height:100%}.selected .platform-icon{color:#c0acff}.platform b{font-size:17px;font-weight:600}.platform small{display:block;color:#727487;font-size:11px;margin-top:3px}.select-check{margin-left:auto;color:#baa4ff;border:1px solid #baa4ff88;width:19px;height:19px;border-radius:50%;font-size:11px;text-align:center;opacity:0}.selected .select-check{opacity:1}.download-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0 30px;gap:20px}.download-row p{font-size:12px}.download-link{font-size:12px;color:var(--cyan);white-space:nowrap}.download-link span{margin-left:12px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:linear-gradient(130deg,#15151fdd,#101119);border:1px solid var(--line);border-radius:16px;padding:32px}.panel h2{font-size:23px}.panel>p{font-size:13px;line-height:1.8}.device-summary{display:flex;justify-content:space-between;margin:13px 0 18px;font-size:10px;color:#77788c}.device-summary i{width:4px;height:4px;margin:0 0 0 6px}.quiet-note{font-size:10px!important;color:#696b80!important;margin-top:20px;line-height:1.7}.code-empty{border:1px dashed #ffffff15;border-radius:10px;text-align:center;padding:22px;margin:22px 0}.code-symbol{color:#a18aff;font-size:27px}.code-empty p{margin:2px 0;color:#aaa9be;font-size:13px}.code-empty small{font-size:10px;color:#626479}.instructions{list-style:none;padding:0;margin:22px 0 0}.instructions li{display:flex;align-items:baseline;gap:11px;margin:12px 0}.instructions li>span{flex:none;width:20px;height:20px;border:1px solid #ffffff15;text-align:center;border-radius:6px;color:#a18aff;font:10px/18px monospace}.instructions p{margin:0;font-size:12px;color:#86869c}.instructions strong{font-weight:500;color:#c7c6d6}.code-title{display:flex;align-items:center;margin:22px 0 12px;font-size:12px;color:var(--cyan)}textarea{resize:none;height:89px;font:11px/1.6 monospace;color:#9e95bf;padding:12px}.code-actions{display:flex;gap:10px;margin-top:10px}.code-actions .primary{padding:12px 15px;font-size:12px}.secondary{background:#ffffff06;border:1px solid #ffffff1c;border-radius:9px;color:#c1bfd0;padding:11px 15px;font-size:12px;white-space:nowrap}.secondary:hover{background:#ffffff0c}.profiles-section{margin-top:40px}#profile-count{font:12px monospace;color:#a18aff;vertical-align:middle;margin-left:7px}.profile-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:19px 6px}.device-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid #ffffff13;border-radius:10px;color:#a18aff}.device-icon svg{width:20px;height:20px}.profile-info{flex:1;min-width:0}.profile-info b{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}.profile-info small{font-size:10px;color:#6f7085}.profile-row button{background:none;border:0;color:#ada0df;font-size:11px;padding:10px}.profile-row .revoke{color:#777487}.empty-profiles{padding:25px;text-align:center;color:#616376;font-size:12px;border:1px dashed var(--line);border-radius:12px}.faq{margin-top:30px;border:1px solid var(--line);border-radius:12px;padding:18px 22px}.faq summary{cursor:pointer;font-size:12px;color:#b3b1c5;list-style:none}.faq summary span{float:right;color:var(--violet)}.faq p{font-size:12px;line-height:1.8}.loading{display:flex;justify-content:center;align-items:center;gap:15px;min-height:65vh;font-size:13px;color:var(--muted)}.spinner{width:20px;height:20px;border:2px solid #a18aff33;border-top-color:var(--violet);border-radius:50%;animation:spin 1s linear infinite}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:13px 24px;background:#222335;border:1px solid #a18aff55;border-radius:12px;box-shadow:0 12px 40px #0008;color:#e3dcff;font-size:13px;z-index:10;max-width:90vw;text-align:center}dialog{background:#15151f;color:var(--white);border:1px solid #ffffff22;border-radius:18px;max-width:420px;padding:30px}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{font-size:22px}dialog p{font-size:13px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.danger{background:#cf647c;color:#17070b;border:0;border-radius:9px;padding:11px 16px;font-size:12px}@keyframes float{50%{transform:translateY(-12px) rotate(2deg)}}@keyframes drift{to{transform:translate(100px,50px)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.login-layout{min-height:calc(100vh - 230px)}}@media(max-width:1280px){main,footer{margin-left:50px;margin-right:50px}.topbar{padding:0 50px}.intro{padding-left:0}h1{font-size:58px}.login-layout{gap:40px}.login-side{padding-right:0}.hero-art{margin-left:110px}.login-card{padding:35px}}@media(max-width:950px){main,footer{margin-left:30px;margin-right:30px}.topbar{padding:0 30px}.top-caption{display:none}.login-layout{gap:30px}.login-card{padding:28px}.login-card h2{font-size:25px}h1{font-size:48px;letter-spacing:-2px}.hero-art{width:280px;margin-left:20px}.hero-art img{left:15px;width:250px}.orbit{width:280px}.orbit-two{width:300px}.intro-foot{gap:15px;font-size:8px}.panel{padding:25px}.platform{padding:20px 15px;gap:12px}.platform-icon{width:28px;height:28px}.platform small{font-size:10px}}@media(max-width:700px){.topbar{height:78px;padding:0 22px}.brand{font-size:21px}.brand img{width:40px;height:40px}.private-label{font-size:10px}main,footer{margin-left:22px;margin-right:22px}.login-layout{display:flex;flex-direction:column;gap:25px;padding:35px 0 10px;min-height:0}.intro{width:100%;min-height:0}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:43px;letter-spacing:-2px;margin:19px 0}.intro h1 em br{display:none}.intro h1{max-width:320px}.intro .lead{font-size:13px}.hero-art{position:absolute;right:-8px;top:66px;width:130px;height:130px;opacity:.45;margin:0;z-index:-1}.hero-art img{width:160px;height:160px;left:0;top:0}.orbit{display:none}.orbit-dot{display:none}.intro-foot{margin-top:24px;gap:22px;font-size:7px}.login-side{width:100%}.login-card{padding:27px;border-radius:17px}.small-icon{display:none}.login-card h2{font-size:25px;margin-top:10px;max-width:none}.login-card label{margin-top:23px}.under-card{margin:18px 0 15px}.login-card p{font-size:12px}.login-card h2+p br{display:none}footer{font-size:8px;flex-wrap:wrap;padding-top:20px;gap:12px}footer span:nth-child(2){display:none}main{padding-bottom:32px}.dashboard-hero{padding:32px 0 25px;position:relative}.dashboard-hero h1{font-size:39px;letter-spacing:-2px}.dashboard-hero .lead{font-size:13px}.dashboard-logo{position:absolute;right:-4px;top:48px;width:130px;height:140px;opacity:.35;z-index:-1}.section-heading h2{font-size:21px}.section-heading>p{display:none}.platforms{gap:8px}.platform{padding:17px 9px;display:flex;flex-direction:column;gap:9px;text-align:center}.platform b{font-size:13px}.platform small{display:none}.platform-icon{width:28px;height:28px}.select-check{position:absolute;right:6px;top:6px;width:13px;height:13px;font-size:8px;line-height:11px}.download-row{align-items:flex-start;flex-direction:column;gap:0;padding-bottom:25px}.download-row p{font-size:11px;margin:13px 0 7px}.setup-grid{grid-template-columns:1fr;gap:16px}.panel{padding:24px}.panel h2{font-size:22px}.panel>p{font-size:12px}.profile-hint{font-size:9px;max-width:90px;text-align:right}.profile-row{gap:8px;flex-wrap:wrap}.profile-row button{font-size:10px;padding:8px}.profile-info{min-width:125px}.profile-info b{font-size:12px}.profile-row .revoke{margin-left:auto}.profiles-section{margin-top:30px}.faq{padding:16px}.faq summary{font-size:11px}.primary{min-height:49px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:700px){.hero-art{right:0}.hero-art img{width:130px;height:130px}.intro h1{max-width:100%}.intro h1 em{font-size:40px}}
/* Invitation flow */
.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 30px}.admin-stats>div{display:flex;align-items:center;gap:18px;background:#10111b;border:1px solid var(--line);border-radius:12px;padding:21px 25px}.admin-stats b{font-size:32px;font-weight:500;color:#c6b5ff}.admin-stats span{font-size:12px;color:#9291a8}.optional{color:#65657b;font-size:10px;margin-left:8px}select{width:100%;background:#080a12;border:1px solid #ffffff15;border-radius:10px;color:#c6c4d8;padding:14px 16px;font:inherit;outline:none}select:focus{border-color:#a18aff88}.invite-result-panel .primary{margin-top:10px}.invite-row{display:flex;align-items:center;gap:22px;padding:22px 8px;border-bottom:1px solid var(--line)}.status-badge{font-size:10px;border-radius:20px;padding:5px 12px;background:#ffffff06;color:#79788e;white-space:nowrap}.status-ready{color:#beaaff;background:#a18aff12}.status-claimed{color:#69e8cf;background:#62f6e40a}.status-claiming{color:#e2c58a;background:#e2c58a0c}.row-actions{display:flex;gap:16px;justify-content:flex-end;min-width:225px}.row-actions button{background:none;border:0;color:#b5a6e3;font:11px inherit;padding:8px}.row-actions .revoke{color:#8c7886}.download-arrow{margin-left:auto;color:var(--cyan);font-size:20px}.download-card:hover{background:#201b32}.download-help a{color:#aaa1d4}.guest-main .dashboard-hero{padding-bottom:40px}.guest-setup{margin-top:30px;align-items:start}.guest-claim-panel .primary{margin-top:24px}.guest-claim-panel .code-actions .primary{margin-top:0}.guest-loading{min-height:200px}.guest-message{max-width:650px;margin:10px auto 80px}.guest-message p{font-size:14px}.qr-frame{display:flex;align-items:center;justify-content:center;background:white;border-radius:14px;margin:15px auto 5px;padding:8px;width:min(100%,360px)}.qr-image{display:block;width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated;background:white;border-radius:5px}.qr-enlarge{display:block;margin:8px auto 20px;font-size:11px;color:#aaa0d2}.code-details{margin-top:18px}.code-details summary{font-size:11px;color:#8d87a8;cursor:pointer}.code-details textarea{margin-top:10px}.guide-section{display:flex;gap:16px;margin:30px 0}.guide-symbol{display:grid;place-items:center;width:38px;height:38px;border:1px solid #a18aff33;border-radius:10px;flex:none;font-size:23px;color:#b49bfa}.guide-section h3{font-size:14px;line-height:1.5;font-weight:500;margin:0 0 9px;color:#d2cedf}.guide-section p{font-size:12px;line-height:1.9;margin:0}.guide-tip{border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:#79758b;line-height:1.8}.qr-dialog{width:min(94vw,650px);max-width:650px;max-height:95dvh;overflow:auto;padding:30px}.qr-dialog h2{padding-right:24px;font-size:20px}.qr-dialog .qr-image{margin:20px auto;max-width:520px}.qr-dialog textarea{margin-bottom:12px}.qr-dialog p{font-size:12px;text-align:center}.dialog-close{position:absolute;top:16px;right:16px;width:30px;height:30px;font-size:25px;background:transparent;border:0;color:#a19ab9}.guest-main{min-height:70vh}.guest-result{scroll-margin-top:20px}
@media(max-width:700px){.admin-stats{gap:8px}.admin-stats>div{flex-direction:column;align-items:start;gap:3px;padding:13px}.admin-stats b{font-size:26px}.admin-stats span{font-size:9px}.invite-row{flex-wrap:wrap;gap:12px;padding:18px 2px}.invite-row .profile-info{min-width:170px}.status-badge{font-size:9px;padding:4px 9px}.row-actions{width:100%;justify-content:flex-start;min-width:0;gap:24px}.row-actions button{padding:3px 0;font-size:11px}.download-arrow{display:none}.guest-setup{margin-top:22px}.guest-main .dashboard-hero{padding-bottom:25px}.qr-dialog{padding:18px}.qr-dialog .qr-image{margin:15px auto}.guide-section{gap:12px}.guide-section h3{font-size:13px}.guide-section p{font-size:12px}.guest-claim-panel .code-actions{flex-wrap:wrap}.guest-claim-panel .code-actions .primary{flex:1;min-width:160px}.guest-main .private-label{font-size:9px}.guest-guide{margin-top:0}}