:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-pill: 999px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-title: 24px;--fs-card-title: 18px;--fs-body: 15px;--fs-secondary: 13px;--touch-min: 44px;--motion-fast: .15s;--motion-med: .22s;--ease-out: cubic-bezier(.2, .8, .2, 1);--brand: #35c8d8;--brand-strong: #22aebe;--success: #34c07c;--warning: #f0a63c;--danger: #e5534b;--shadow-float: 0 8px 24px rgba(0, 0, 0, .18)}:root[data-theme=dark],:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--bg: #0b0f14;--bg-elevated: #11161d;--bg-card: #131922;--bg-inset: #0e141b;--border: rgba(120, 150, 170, .12);--border-strong: rgba(53, 200, 216, .28);--text-primary: #e8eef4;--text-secondary: #93a1af;--text-muted: #5d6b79;--nav-bg: rgba(17, 22, 29, .85)}:root[data-theme=light]{color-scheme:light;--bg: #f4f6f9;--bg-elevated: #ffffff;--bg-card: #ffffff;--bg-inset: #eceff3;--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .14);--text-primary: #131a24;--text-secondary: #55606e;--text-muted: #8a94a2;--nav-bg: rgba(255, 255, 255, .85)}:root{--accent-glow: radial-gradient(120% 120% at 20% 0%, rgba(53, 200, 216, .14), transparent 60%)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--fs-body);line-height:1.45;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased}#root{max-width:560px;margin:0 auto;min-height:100dvh}button{font-family:inherit;font-size:inherit;color:inherit;border:none;background:none;cursor:pointer;min-height:var(--touch-min)}a{color:var(--brand);text-decoration:none}.screen{padding:var(--space-5) var(--space-4);padding-top:calc(var(--space-5) + env(safe-area-inset-top));padding-bottom:calc(96px + env(safe-area-inset-bottom))}.screen-title{font-size:var(--fs-title);font-weight:700;margin:0 0 var(--space-4)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3)}.card-title{font-size:var(--fs-card-title);font-weight:600;margin:0 0 var(--space-2)}.secondary{color:var(--text-secondary);font-size:var(--fs-secondary)}.muted{color:var(--text-muted);font-size:var(--fs-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:var(--touch-min);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:600;transition:transform var(--motion-fast) var(--ease-out),opacity var(--motion-fast) var(--ease-out)}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff}.btn-secondary{background:var(--bg-inset);color:var(--text-primary);border:1px solid var(--border)}.btn-link{color:var(--brand);min-height:var(--touch-min);width:auto;padding:0 var(--space-2)}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.header-brand{font-size:20px;font-weight:800;letter-spacing:.02em}.icon-button{min-width:var(--touch-min);min-height:var(--touch-min);border-radius:var(--radius-pill);background:var(--bg-card);border:1px solid var(--border);font-size:18px;display:inline-flex;align-items:center;justify-content:center}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--space-4) + env(safe-area-inset-bottom));width:min(520px,calc(100% - 2 * var(--space-4)));display:flex;justify-content:space-around;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-float);padding:var(--space-1);z-index:10}.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) 0;border-radius:var(--radius-pill);color:var(--text-muted);font-size:11px;min-height:var(--touch-min);transition:color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.bottom-nav button.active{color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,transparent)}.bottom-nav .nav-icon{font-size:20px;line-height:1}.pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--fs-secondary);font-weight:600}.pill:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.pill-success{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent)}.pill-danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.pill-warning{color:var(--warning);background:color-mix(in srgb,var(--warning) 16%,transparent)}.pill-neutral{color:var(--text-secondary);background:var(--bg-inset)}.progress{height:8px;border-radius:var(--radius-pill);background:var(--bg-inset);overflow:hidden}.progress>div{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--brand),var(--success));transition:width var(--motion-med) var(--ease-out)}.segmented{display:flex;gap:var(--space-1);background:var(--bg-inset);border-radius:var(--radius-md);padding:var(--space-1)}.segmented button{flex:1;min-height:36px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--fs-secondary);font-weight:600}.segmented button.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 4px #0000001f}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--bg-inset) 25%,var(--border) 50%,var(--bg-inset) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;min-height:16px}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}*{transition-duration:1ms!important}}.state-block{text-align:center;padding:var(--space-8) var(--space-4)}.state-block .state-icon{font-size:40px;margin-bottom:var(--space-3)}.state-block h3{margin:0 0 var(--space-2);font-size:var(--fs-card-title)}.state-block p{margin:0 0 var(--space-5);color:var(--text-secondary)}.device-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.device-card{min-height:120px}.steps{list-style:none;margin:0;padding:0;counter-reset:step}.steps li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);counter-increment:step}.steps li:last-child{border-bottom:none}.steps li:before{content:counter(step);flex:0 0 28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand);font-weight:700;font-size:var(--fs-secondary);display:inline-flex;align-items:center;justify-content:center}.qr-placeholder{width:168px;height:168px;margin:var(--space-4) auto;border-radius:var(--radius-md);border:2px dashed var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--fs-secondary);text-align:center;padding:var(--space-3)}.qr-box{margin:var(--space-4) auto;display:flex;flex-direction:column;align-items:center}.qr-image{border-radius:var(--radius-md);background:#fff;padding:var(--space-2);max-width:100%;height:auto}.faq details{border-bottom:1px solid var(--border);padding:var(--space-3) 0}.faq summary{cursor:pointer;font-weight:600;min-height:var(--touch-min);display:flex;align-items:center;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details p{margin:var(--space-2) 0 0;color:var(--text-secondary)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.row+.row{margin-top:var(--space-3)}.big-number{font-size:28px;font-weight:800;letter-spacing:-.01em}.brand{display:inline-flex;align-items:center;gap:10px}.brand-logo{display:inline-flex;align-items:flex-end;gap:2.5px;height:20px}.brand-logo span{width:4px;border-radius:2px;background:var(--brand)}.brand-logo span:nth-child(1){height:8px}.brand-logo span:nth-child(2){height:14px}.brand-logo span:nth-child(3){height:20px}.brand-logo span:nth-child(4){height:11px}.brand-name{font-size:19px;font-weight:800;letter-spacing:.01em;color:var(--brand)}.header-actions{display:flex;gap:var(--space-2)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.stat-tile{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);min-height:64px}.stat-tile .icon-tile{flex:0 0 38px;height:38px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:17px}.icon-tile-blue{background:#4285f424}.icon-tile-green{background:#34c07c24}.icon-tile-orange{background:#f0a63c24}.icon-tile-cyan{background:#35c8d824}.stat-tile .stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.stat-tile .stat-value{font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.25}.link-btn{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 var(--space-3);border-radius:var(--radius-sm);background:#35c8d81f;color:var(--brand);font-size:var(--fs-secondary);font-weight:600;width:auto}.link-btn:before{content:"↗";font-size:13px}.link-btn.primary{background:var(--brand);color:#fff}.link-btn.primary:before{content:"🚀";font-size:13px}.link-btn-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0 var(--space-4)}.chip{position:relative;min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-sm);background:var(--bg-inset);border:1px solid var(--border);color:var(--text-primary);font-size:var(--fs-body);font-weight:600;width:auto}.chip.active{background:#35c8d81f;border-color:var(--border-strong);color:var(--brand)}.chip .chip-dot{position:absolute;top:-3px;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--warning);border:2px solid var(--bg)}.guide-step{display:flex;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.guide-step:last-child{border-bottom:none}.guide-step .step-icon{flex:0 0 40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:17px;background:#35c8d81f}.guide-step .step-icon.green{background:#34c07c24}.guide-step .step-icon.orange{background:#f0a63c24}.guide-step h3{margin:0 0 4px;font-size:var(--fs-body);font-weight:700}.guide-step p{margin:0;color:var(--text-secondary);font-size:var(--fs-secondary)}.platform-select{display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--bg-inset);border:1px solid var(--border-strong);color:var(--text-primary);font-size:var(--fs-secondary);font-weight:600;cursor:pointer}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4) var(--space-2);margin-bottom:var(--space-3)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.panel-title{font-size:var(--fs-card-title);font-weight:700;margin:0}.platform-select select{appearance:none;-webkit-appearance:none;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer;padding-right:14px}.platform-select:after{content:"▾";font-size:11px;color:var(--text-muted);margin-left:-10px;pointer-events:none}.signin-input{display:block;width:100%;margin:var(--space-2) 0 var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-inset);color:var(--text-primary);font:inherit;font-size:var(--fs-secondary);resize:vertical;word-break:break-all}.signin-error{color:#d64545;font-size:var(--fs-secondary);margin:0 0 var(--space-3)}