.extension-config-page{--ms-bg-1:#020815;--ms-bg-2:#061a39;--ms-bg-3:#0c2f63;--ms-panel:rgba(2, 8, 21, 0.7);--ms-panel-strong:rgba(3, 13, 32, 0.88);--ms-cyan:#39e6ff;--ms-cyan-2:#0aa7ff;--ms-gold:#ffd46b;--ms-gold-2:#ffae3d;--ms-violet:#8b45ff;--ms-paper:#fff6ea;--ms-muted:#c7d8f4;min-height:100vh;margin:0;overflow-x:hidden;color:#f8fafc;background:radial-gradient(circle at 16% 6%,rgba(57,230,255,.24),transparent 22%),radial-gradient(circle at 88% 12%,rgba(139,69,255,.2),transparent 24%),linear-gradient(90deg,rgba(57,230,255,.06) 1px,transparent 1px),linear-gradient(180deg,rgba(255,212,107,.1),transparent 28%),linear-gradient(120deg,transparent 0,rgba(255,174,61,.08) 72%,transparent 100%),linear-gradient(180deg,var(--ms-bg-3) 0,var(--ms-bg-2) 48%,var(--ms-bg-1) 100%);background-size:auto,auto,22px 22px,auto,auto,auto}.extension-config-page *,.extension-config-page ::after,.extension-config-page ::before{box-sizing:border-box}.extension-config-page section{opacity:1;transform:none;transition:none;position:relative;z-index:auto;padding:0}.extension-config-topbar{position:absolute;top:18px;right:max(18px,calc((100vw - 1480px)/ 2 + 18px));z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:0;padding:0;overflow:visible;border-bottom:0;background:0 0;box-shadow:none;backdrop-filter:none}.extension-config-topbar::after,.extension-config-topbar::before{display:none}.extension-config-logo{display:inline-flex;align-items:center;justify-content:center;width:86px;height:86px;border-radius:22px;background:linear-gradient(145deg,rgba(57,230,255,.2),rgba(139,69,255,.18)),rgba(2,8,21,.68);border:1px solid rgba(255,212,107,.46);box-shadow:0 0 28px rgba(57,230,255,.24),inset 0 0 20px rgba(10,167,255,.12)}.extension-config-logo img{display:block;width:76px;height:76px;object-fit:contain}.extension-config-shell{display:grid;gap:14px;width:min(100% - 32px,1180px);max-width:1180px;margin:0 auto;padding:18px 0}.extension-config-page .extension-config-hero{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(260px,340px);align-items:center;gap:18px;min-height:0;padding:18px;border:1px solid rgba(57,230,255,.24);border-radius:8px;background:linear-gradient(135deg,rgba(57,230,255,.1),transparent 36%),linear-gradient(135deg,rgba(3,13,32,.98),rgba(5,20,47,.94)),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 18px);box-shadow:0 14px 34px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,212,107,.08)}.extension-config-page .extension-config-hero::after{display:none}.extension-config-brand-visual{display:inline-grid;place-items:center;width:80px;aspect-ratio:1;border:1px solid rgba(255,212,107,.42);border-radius:20px;background:linear-gradient(145deg,rgba(57,230,255,.12),rgba(139,69,255,.16)),rgba(2,8,21,.76);box-shadow:0 0 22px rgba(57,230,255,.2),inset 0 0 24px rgba(57,230,255,.12)}.extension-config-brand-visual img{display:block;width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(57, 230, 255, .22))}.extension-config-hero-copy{display:grid;align-content:center;gap:8px;min-width:0;padding:0}.extension-config-eyebrow{margin:0;color:var(--ms-gold);font-size:12px;font-weight:950;letter-spacing:0;text-transform:uppercase}.config-panel h2,.extension-config-title{margin:0;color:var(--ms-paper);line-height:1.02}.extension-config-title{display:flex;flex-wrap:nowrap;gap:.06em;align-items:baseline;margin-top:0;font-size:clamp(30px, 4vw, 48px);font-weight:950;text-shadow:0 0 16px rgba(57,230,255,.16)}.extension-config-title span{color:#f8fbff}.extension-config-title strong{color:var(--ms-cyan);font-weight:950;text-shadow:0 0 14px rgba(57,230,255,.36),0 0 28px rgba(10,167,255,.18)}.extension-config-hero-description{max-width:650px;margin:0;color:var(--ms-muted);font-size:1rem;font-weight:750;line-height:1.35}.extension-config-feature-rail{display:flex;flex-wrap:wrap;gap:6px;min-width:0;margin-top:2px}.extension-config-feature-rail span{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border:1px solid rgba(57,230,255,.34);border-radius:999px;background:linear-gradient(145deg,rgba(57,230,255,.14),rgba(139,69,255,.12)),rgba(2,8,21,.58);color:var(--ms-cyan);font-size:.78rem;font-weight:950}.extension-config-hero-side{display:grid;gap:10px;min-width:0}.extension-config-hero-meta{display:grid;gap:8px;min-width:0;justify-items:stretch;padding:0;border:0}.extension-config-hero-auth{display:grid;gap:9px;min-width:0;max-width:none;margin:0;padding:12px;border:1px solid rgba(57,230,255,.18);border-radius:8px;background:rgba(2,8,21,.56);color:#f8fafc}.extension-config-hero-auth h2{margin:0;color:#fff6ea;font-size:1.18rem;line-height:1.1}.extension-config-hero-auth p{margin:0;color:rgba(199,216,244,.9);font-size:.82rem;font-weight:750;line-height:1.34}.extension-config-login-btn{width:100%;min-height:40px;margin-top:0}.extension-config-contact{display:grid;gap:4px;width:100%;max-width:none;padding:10px 12px;border:1px solid rgba(57,230,255,.16);border-radius:8px;background:rgba(2,8,21,.5);color:#f8fafc;text-decoration:none}.extension-config-contact span{color:rgba(199,216,244,.88);font-size:12px;font-weight:900;text-transform:uppercase}.extension-config-contact strong{overflow-wrap:anywhere;color:var(--ms-gold);font-size:.9rem;font-weight:950}.extension-config-contact:hover{color:#fff6ea}.extension-config-contact{margin-top:2px}.extension-config-support{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;padding:18px;border:1px solid rgba(255,212,107,.38);border-radius:8px;background:radial-gradient(circle at 0 50%,rgba(255,174,61,.16),transparent 30%),linear-gradient(135deg,rgba(22,17,44,.96),rgba(3,13,32,.94));box-shadow:0 14px 34px rgba(0,0,0,.26),inset 0 0 0 1px rgba(139,69,255,.1)}.extension-config-support-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(255,246,234,.4);border-radius:50%;background:linear-gradient(135deg,var(--ms-gold),var(--ms-gold-2));color:#58172a;font-size:25px;line-height:1;box-shadow:0 0 22px rgba(255,174,61,.24)}.extension-config-support-copy{display:grid;gap:5px;min-width:0}.extension-config-support-copy h2{margin:0;color:var(--ms-paper);font-size:clamp(20px, 2.5vw, 28px);line-height:1.1}.extension-config-support-copy>p:last-child{margin:0;color:var(--ms-muted);font-size:.88rem;font-weight:750;line-height:1.4}.extension-config-support-btn{min-height:46px;text-align:center;text-decoration:none;box-shadow:0 0 22px rgba(255,174,61,.2),0 10px 24px rgba(0,0,0,.24)}.extension-config-support-btn:focus-visible,.extension-config-support-btn:hover{color:#020815;filter:brightness(1.08);transform:translateY(-1px)}.extension-config-support-btn:focus-visible{outline:3px solid rgba(57,230,255,.72);outline-offset:3px}.config-form{display:grid;gap:16px;min-width:0}.config-tabbar{position:relative;top:auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px;border:1px solid rgba(57,230,255,.18);border-radius:8px;background:rgba(2,8,21,.9);box-shadow:0 16px 36px rgba(0,0,0,.28);backdrop-filter:blur(14px)}.config-tabs{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:thin}.config-tab{flex:0 0 auto;min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:8px;background:0 0;color:rgba(226,232,240,.78);cursor:pointer;font:inherit;font-weight:900;white-space:nowrap}.config-tab.is-active,.config-tab:hover{color:#020815;background:linear-gradient(135deg,var(--ms-cyan),var(--ms-cyan-2));border-color:rgba(255,246,234,.34)}.config-save-btn{flex:0 0 auto;min-width:170px}.config-save-btn__spinner{display:none;width:16px;height:16px;flex:0 0 auto;border:2px solid rgba(2,8,21,.28);border-top-color:currentColor;border-radius:50%;animation:configSaveSpinner 720ms linear infinite}.config-save-btn.is-loading .config-save-btn__spinner{display:inline-block}.config-panel{display:grid;gap:14px;min-width:0;animation:configPanelIn .22s ease-out}.config-panel[hidden]{display:none!important}.config-panel-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(258px,326px);gap:12px;align-items:start;min-width:0}.config-panel-main{display:grid;gap:12px;min-width:0}.config-extension-preview{display:grid;width:min(100%,326px);gap:7px;justify-self:start;position:sticky;top:12px;min-width:0}.config-extension-preview-title{margin:0;margin-top:0;margin-bottom:0;color:#fff6ea;font-size:clamp(18px, 2vw, 24px);font-weight:950;line-height:1.05;text-shadow:0 2px 0 rgba(3,9,20,.78);margin-bottom:14px;margin-top:10px;text-align:center}.config-extension-preview-frame{min-width:0}.extension-preview-iframe{display:block;width:100%;height:470px;border:0;border-radius:8px;background:0 0;margin:0}.extension-preview-shell{display:grid;gap:10px;min-width:0;padding:12px;border:1px solid rgba(57,230,255,.22);border-radius:8px;background:linear-gradient(145deg,rgba(57,230,255,.11),rgba(139,69,255,.12)),rgba(2,8,21,.78);box-shadow:0 16px 34px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,212,107,.06)}.extension-preview-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.extension-preview-header span{color:var(--ms-gold);font-size:.7rem;font-weight:950;text-transform:uppercase}.extension-preview-header strong{min-width:0;overflow:hidden;color:#fff6ea;font-size:1rem;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.preview-empty{margin:0;color:rgba(226,232,240,.78);font-size:.86rem;font-weight:800;line-height:1.35}.preview-goal-card,.preview-profile-card{display:grid;gap:10px;min-width:0}.preview-goal-hero{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;align-items:center;min-width:0;padding:9px;border:1px solid rgba(255,212,107,.22);border-radius:8px;background:rgba(2,8,21,.56)}.preview-goal-ring{display:grid;place-items:center;width:58px;aspect-ratio:1;border:2px solid rgba(57,230,255,.72);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,212,107,.24),transparent 42%),conic-gradient(from 220deg,var(--ms-cyan),var(--ms-gold),rgba(139,69,255,.78),var(--ms-cyan));color:#f8fafc;font-size:1.45rem;font-weight:950;line-height:1;box-shadow:0 0 18px rgba(57,230,255,.25)}.preview-goal-ring small{color:#020815;font-size:.62rem;font-weight:950}.preview-goal-hero strong,.preview-profile-user strong{display:block;min-width:0;color:#fff6ea;font-size:1rem;font-weight:950;line-height:1.15}.preview-goal-hero em,.preview-profile-user span{display:block;margin-top:2px;color:var(--ms-cyan);font-style:normal;font-size:.78rem;font-weight:900}.preview-goal-hero p{margin:4px 0 0;color:rgba(226,232,240,.82);font-size:.78rem;font-weight:800;line-height:1.25}.preview-goal-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(28px,1fr));gap:6px}.preview-goal-rail span{display:grid;min-height:26px;place-items:center;border:1px solid rgba(57,230,255,.22);border-radius:8px;background:rgba(2,8,21,.54);color:rgba(226,232,240,.82);font-size:.78rem;font-weight:950}.preview-goal-rail span.is-complete{color:#020815;background:linear-gradient(135deg,#9cffd6,var(--ms-cyan))}.preview-goal-rail span.is-active{border-color:rgba(255,212,107,.72);box-shadow:0 0 0 1px rgba(255,212,107,.14)}.preview-goal-bars{display:grid;gap:8px}.preview-goal-bars>div{display:grid;gap:5px;min-width:0}.preview-goal-bars span{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.preview-goal-bars b,.preview-goal-bars em{color:rgba(248,250,252,.92);font-size:.76rem;font-style:normal;font-weight:950}.preview-progress{display:block;height:8px;overflow:hidden;border-radius:999px;background:rgba(1,5,12,.9);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.preview-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ms-gold),var(--ms-cyan));box-shadow:0 0 12px rgba(57,230,255,.35)}.preview-progress--followers i{background:linear-gradient(90deg,#89f7fe,var(--ms-violet))}.preview-badge-list,.preview-reward-list{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.preview-reward-list span{max-width:100%;padding:5px 8px;border:1px solid rgba(255,212,107,.26);border-radius:8px;background:rgba(255,212,107,.1);color:rgba(255,246,234,.94);font-size:.76rem;font-weight:850;line-height:1.25;overflow-wrap:anywhere}.preview-planning-list{display:grid;gap:7px}.preview-planning-row{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;align-items:center;min-width:0;padding:7px;border:1px solid rgba(57,230,255,.15);border-radius:8px;background:rgba(2,8,21,.48)}.preview-planning-row strong{color:var(--ms-cyan);font-size:.82rem;font-weight:950}.preview-planning-row b,.preview-planning-row em,.preview-planning-row span{min-width:0;font-size:.78rem;line-height:1.25}.preview-planning-row span{display:grid;gap:2px}.preview-planning-row b{color:var(--ms-gold);font-weight:950}.preview-planning-row em{overflow:hidden;color:rgba(248,250,252,.9);font-style:normal;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.preview-profile-user{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.preview-avatar{display:grid;width:46px;aspect-ratio:1;place-items:center;border:2px solid rgba(255,212,107,.62);border-radius:50%;background:linear-gradient(145deg,rgba(57,230,255,.24),rgba(139,69,255,.22));color:#fff6ea;font-size:1.35rem;font-weight:950}.preview-profile-user .rankName{display:inline-flex;max-width:100%;overflow:visible;font-size:.78rem;vertical-align:baseline}.preview-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.preview-profile-stats span{display:grid;gap:3px;min-width:0;padding:8px;border:1px solid rgba(57,230,255,.16);border-radius:8px;background:rgba(2,8,21,.48)}.preview-profile-stats b{overflow:hidden;color:var(--ms-cyan);font-size:.68rem;font-weight:950;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.preview-profile-stats em{color:#fff6ea;font-size:.95rem;font-style:normal;font-weight:950}.preview-badge-list span{display:grid;width:30px;aspect-ratio:1;place-items:center;border:1px solid rgba(57,230,255,.22);border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.12),transparent 40%),rgba(2,8,21,.66);font-size:1rem}#config-panel-goals .admin-goal-list,#config-panel-goals .goal-editor{gap:8px}#config-panel-goals .admin-form{gap:9px;padding:12px}#config-panel-goals .admin-form-header{margin-bottom:0}#config-panel-goals .admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#config-panel-goals input{min-height:36px;padding:7px 9px}#config-panel-goals .goal-reward-list{min-height:30px;padding:6px}#config-panel-goals .goal-reward-chip{min-height:26px;padding-block:4px;font-size:.8rem}.config-panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:2px 0}.config-panel-heading h2{margin-top:4px;font-size:clamp(24px, 3vw, 34px)}.config-panel-heading--with-action{align-items:center}.extension-config-page .admin-form{display:grid;gap:12px;min-width:0;padding:16px;border:1px solid rgba(57,230,255,.16);border-radius:8px;background:var(--ms-panel);box-shadow:0 12px 30px rgba(0,0,0,.18);opacity:1}.extension-config-page .admin-form-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.extension-config-page .admin-form-header h3{margin:0;color:var(--ms-gold);font-size:1.02rem}.extension-config-page .admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.extension-config-page .planning-slot-field,.extension-config-page label{display:flex;flex-direction:column;gap:6px;min-width:0;color:#dbeafe;font-size:.84rem;font-weight:850}.extension-config-page input,.extension-config-page select,.extension-config-page textarea{width:100%;min-width:0;min-height:40px;box-sizing:border-box;padding:8px 10px;border:1px solid rgba(57,230,255,.24);border-radius:8px;background:rgba(2,8,21,.78);color:#f8fafc;font:inherit;font-size:14px}.extension-config-page input[type=color]{padding:5px}.extension-config-page textarea{resize:vertical;min-height:108px}.extension-config-page input:focus,.extension-config-page select:focus,.extension-config-page textarea:focus{outline:0;border-color:rgba(57,230,255,.72);box-shadow:0 0 0 2px rgba(57,230,255,.18)}.admin-goal-list,.goal-editor,.planning-days-list,.planning-editor{display:grid;gap:12px;min-width:0}.badge-editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;min-width:0}.admin-goal-item{border-color:rgba(255,210,122,.22);background:linear-gradient(180deg,rgba(255,210,122,.08),transparent 34%),rgba(2,6,23,.5)}.extension-config-page .admin-goal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.extension-config-page .admin-form-label{margin-top:2px}.goal-reward-editor{display:grid;gap:8px}.goal-reward-editor>span{color:var(--ms-muted);font-size:.8rem;font-weight:900}.goal-reward-editor input{width:100%}.goal-reward-list{display:flex;flex-wrap:wrap;gap:8px;min-width:0;min-height:34px;padding:8px;border:1px solid rgba(57,230,255,.18);border-radius:8px;background:rgba(2,8,21,.42)}.goal-reward-chip{display:inline-flex;align-items:center;max-width:100%;min-height:30px;gap:8px;padding:5px 7px 5px 10px;border:1px solid rgba(255,212,107,.36);border-radius:999px;background:linear-gradient(135deg,rgba(255,212,107,.16),rgba(57,230,255,.1)),rgba(2,8,21,.72);color:var(--ms-paper);font-size:.86rem;font-weight:850}.goal-reward-chip span{min-width:0;overflow-wrap:anywhere}.goal-reward-remove{display:inline-grid;width:20px;height:20px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(2,8,21,.68);color:var(--ms-muted);cursor:pointer;font:inherit;font-size:.9rem;font-weight:950;line-height:1}.goal-reward-remove:focus-visible,.goal-reward-remove:hover{color:var(--ms-paper);border-color:rgba(255,212,107,.5)}.goal-reward-empty{margin:0;color:var(--ms-muted);font-size:.84rem;font-weight:750}.planning-admin-form{display:grid;gap:14px}.planning-day-card{display:grid;gap:10px;min-width:0;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(2,8,23,.44)}.planning-day-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.planning-day-header h3{margin:0;font-size:1rem}.planning-day-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.planning-day-counter{display:inline-flex;align-items:center;min-height:28px;padding:3px 9px;border:1px solid rgba(139,69,255,.45);border-radius:999px;background:rgba(139,69,255,.2);color:#ddd6fe;font-size:.76rem;font-weight:900}.planning-day-slots{display:grid;gap:10px}.extension-empty-state,.planning-day-empty{margin:0;color:rgba(226,232,240,.78);font-size:.86rem}.planning-slot-row{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(15,23,42,.5)}.planning-slot-grid{display:grid;grid-template-columns:minmax(96px,130px) minmax(96px,130px) minmax(220px,1.2fr) minmax(180px,1fr) auto;gap:10px;align-items:end;min-width:0}.badge-row{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;min-width:0;padding:10px;border:1px solid rgba(148,163,184,.16);border-radius:8px;background:rgba(15,23,42,.48)}.profile-config-block{display:grid;gap:10px;min-width:0}.title-editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;min-width:0}.profile-config-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.profile-config-heading>div{display:grid;gap:4px;min-width:0}.profile-config-heading strong{color:#fff6ea;font-size:.98rem;font-weight:950}.profile-config-heading span{color:rgba(226,232,240,.76);font-size:.82rem;font-weight:750;line-height:1.35}.profile-title-row{display:grid;grid-template-columns:72px minmax(0,1fr) 34px;gap:8px;align-items:end;min-width:0;padding:10px;border:1px solid rgba(148,163,184,.16);border-radius:8px;background:rgba(15,23,42,.48)}.profile-title-preview.rankName{display:inline-flex;align-items:center;justify-content:center;align-self:center;grid-column:1/-1;width:100%;max-width:100%;min-width:0;min-height:30px;padding:5px 8px;overflow:visible;font-size:.82rem;font-weight:950;line-height:1.15;text-transform:none;overflow-wrap:anywhere}.profile-title-preview.rankName::after,.profile-title-preview.rankName::before{flex:0 0 auto}.profile-title-row label{gap:4px;font-size:.72rem;line-height:1.15}.profile-title-row input{min-height:34px;padding:6px 8px;font-size:13px}.profile-title-level-field{min-width:0}.profile-title-name-field{min-width:0}.profile-title-remove{width:34px;min-width:34px;min-height:34px;padding:0;font-size:18px;line-height:1}.badge-icon-select{width:54px;min-height:44px;padding:4px 6px;text-align:center;text-align:center;font-size:22px;line-height:1;cursor:pointer;appearance:auto}.badge-row-summary{display:grid;gap:3px;min-width:0}.badge-row-summary strong{color:#fff6ea;font-size:.86rem;font-weight:950;line-height:1.15}.badge-row-summary span{color:rgba(226,232,240,.72);font-size:.72rem;font-weight:800;line-height:1.25}.extension-config-page .admin-btn,.extension-config-page .admin-remove-btn,.ghost-btn,.primary-config-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:8px;cursor:pointer;font:inherit;font-weight:950}.primary-config-btn{padding:0 16px;border:1px solid rgba(255,246,234,.34);background:linear-gradient(135deg,var(--ms-gold),var(--ms-gold-2));color:#020815}.extension-config-page .admin-btn:disabled,.primary-config-btn:disabled{cursor:not-allowed;opacity:.55}.extension-config-page .admin-btn,.ghost-btn{padding:0 12px;border:1px solid rgba(148,163,184,.24);background:rgba(30,41,59,.9);color:#f8fafc}.extension-config-page .admin-btn:hover:not(:disabled),.ghost-btn:hover{background:rgba(51,65,85,.96);border-color:rgba(57,230,255,.42)}.extension-config-page .admin-remove-btn{padding:0 10px;border:1px solid rgba(248,113,113,.18);background:rgba(239,68,68,.18);color:#fecaca}.extension-config-page .admin-remove-btn:hover{background:rgba(239,68,68,.32)}.overlay-config-lead{max-width:720px;margin:8px 0 0;color:var(--ms-muted);font-size:.96rem;font-weight:750;line-height:1.5}.overlay-config-card{gap:16px!important}.overlay-access-actions,.overlay-field-inline,.overlay-status-row,.overlay-test-row,.overlay-toggle-row,.overlay-url-row,.overlay-volume-row{display:flex;align-items:center;gap:10px}.overlay-status-row{justify-content:space-between}.overlay-connection-status{display:inline-flex;align-items:center;min-height:34px;gap:9px;padding:6px 11px;border:1px solid rgba(148,163,184,.25);border-radius:999px;background:rgba(15,23,42,.78);color:#dbeafe;font-size:.82rem;font-weight:900}.overlay-status-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.12)}.overlay-connection-status.is-online{border-color:rgba(52,211,153,.42);color:#a7f3d0}.overlay-connection-status.is-online .overlay-status-dot{background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.14),0 0 14px rgba(52,211,153,.5)}.overlay-connection-status.is-loading .overlay-status-dot{background:var(--ms-cyan);box-shadow:0 0 0 4px rgba(57,230,255,.12),0 0 12px rgba(57,230,255,.42)}.overlay-connection-status.is-blocked{border-color:rgba(248,113,113,.42);color:#fecaca}.overlay-connection-status.is-blocked .overlay-status-dot{background:#f87171;box-shadow:0 0 0 4px rgba(248,113,113,.12)}.overlay-unavailable-notice{padding:12px 14px;border:1px solid rgba(248,113,113,.34);border-radius:8px;background:rgba(127,29,29,.2);color:#fecaca;font-size:.88rem;font-weight:850;line-height:1.45}.overlay-toggle-row{flex-direction:row!important;justify-content:space-between;padding:13px 14px;border:1px solid rgba(57,230,255,.22);border-radius:8px;background:rgba(2,8,21,.56)}.overlay-toggle-row>span{display:grid;gap:4px}.overlay-access-block strong,.overlay-toggle-row strong{color:var(--ms-paper);font-size:.94rem}.overlay-access-block p,.overlay-test-row>span,.overlay-toggle-row small{color:rgba(199,216,244,.74);font-size:.78rem;font-weight:750;line-height:1.4}.extension-config-page .overlay-checkbox-label input[type=checkbox],.extension-config-page .overlay-toggle-row input[type=checkbox]{width:22px;min-width:22px;height:22px;min-height:22px;margin:0;padding:0;accent-color:var(--ms-cyan)}.overlay-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.overlay-field-inline{align-items:stretch}.overlay-mode-setting{align-content:start}.overlay-mode-setting select{min-height:42px}.overlay-mode-setting small{color:rgba(199,216,244,.72);font-size:.74rem;font-weight:750;line-height:1.45}[data-overlay-duration-setting][hidden]{display:none}.overlay-field-inline input{max-width:110px}.overlay-field-inline>span{display:inline-flex;align-items:center;color:var(--ms-muted);font-size:.82rem}.overlay-sound-settings{display:grid;grid-column:1/-1;gap:10px;padding:10px 12px;border:1px solid rgba(57,230,255,.16);border-radius:8px;background:rgba(2,8,21,.42)}.overlay-checkbox-label{flex-direction:row!important;align-items:center}.extension-config-page .overlay-volume-row input[type=range]{min-height:28px;padding:0;accent-color:var(--ms-cyan)}.overlay-volume-row output{min-width:46px;color:var(--ms-gold);font-size:.78rem;font-weight:950;text-align:right}.overlay-access-block{display:grid;gap:11px;padding:14px;border:1px solid rgba(255,212,107,.25);border-radius:8px;background:linear-gradient(135deg,rgba(255,212,107,.08),transparent 50%),rgba(2,8,21,.58)}.overlay-access-block p{margin:5px 0 0}.overlay-url-row input{flex:1 1 auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem}.overlay-url-row .primary-config-btn{flex:0 0 auto}.overlay-access-actions,.overlay-test-row{flex-wrap:wrap}.overlay-test-row{justify-content:space-between;padding-top:2px}.overlay-action-status{min-height:20px;margin:-2px 0 0;color:var(--ms-muted);font-size:.82rem;font-weight:850}.overlay-action-status[data-type=ok]{color:#a7f3d0}.overlay-action-status[data-type=error]{color:#fecaca}.overlay-config-sidebar{display:grid;width:min(100%,326px);min-width:0;gap:14px;justify-self:start}.overlay-config-sidebar .config-extension-preview,.overlay-config-sidebar .overlay-obs-guide{position:static;width:100%}.overlay-card-preview-loading{margin:0;padding:18px 8px;color:#adadb8;font-size:.74rem;text-align:center}.overlay-obs-guide{position:sticky;top:12px;display:grid;gap:12px;width:min(100%,326px);padding:16px;border:1px solid rgba(57,230,255,.22);border-radius:8px;background:radial-gradient(circle at 90% 0,rgba(57,230,255,.16),transparent 34%),var(--ms-panel-strong);box-shadow:0 12px 30px rgba(0,0,0,.2)}.overlay-obs-guide dl,.overlay-obs-guide h3,.overlay-obs-guide ol,.overlay-obs-guide-eyebrow,.overlay-obs-guide-note,.overlay-obs-guide-presets{margin:0}.overlay-obs-guide-eyebrow{color:var(--ms-cyan);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.overlay-obs-guide h3{color:var(--ms-paper);font-size:1.18rem}.overlay-obs-guide dl{display:grid;gap:7px}.overlay-obs-guide dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 9px;border-radius:7px;background:rgba(57,230,255,.07)}.overlay-obs-guide dt{color:var(--ms-muted);font-size:.8rem;font-weight:800}.overlay-obs-guide dd{margin:0;color:var(--ms-gold);font-size:.82rem;font-weight:950;text-align:right}.overlay-obs-guide-note{color:rgba(226,232,240,.82);font-size:.76rem;font-weight:700;line-height:1.5}.overlay-obs-guide-presets{display:grid;gap:4px;padding:9px;border:1px solid rgba(255,210,122,.18);border-radius:7px;background:rgba(255,210,122,.06);color:var(--ms-paper);font-size:.73rem;line-height:1.45}.overlay-obs-guide-presets strong{color:var(--ms-gold);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.overlay-obs-guide ol{display:grid;gap:8px;padding-left:20px;color:rgba(226,232,240,.8);font-size:.8rem;font-weight:750;line-height:1.45}.config-actions{display:none}[hidden]{display:none!important}@keyframes configPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes configSaveSpinner{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.config-panel{animation:none}.config-save-btn__spinner{animation:none}}@media (max-width:860px){.extension-config-page .extension-config-hero{align-items:center;gap:14px;grid-template-columns:70px minmax(0,1fr);min-height:0;padding:16px}.extension-config-hero-copy{padding:0}.extension-config-brand-visual{width:70px;border-radius:18px}.extension-config-brand-visual img{width:62px;height:62px}.extension-config-title{font-size:clamp(30px, 9vw, 42px)}.extension-config-hero-description{font-size:.95rem}.extension-config-login-btn{width:100%}.extension-config-hero-side{grid-column:1/-1;grid-template-columns:minmax(0,1.3fr) minmax(220px,0.7fr)}.extension-config-hero-meta{justify-items:stretch;width:100%}.extension-config-support{grid-template-columns:auto minmax(0,1fr)}.extension-config-support-btn{grid-column:1/-1;width:100%}.config-tabbar{align-items:stretch;flex-direction:column}.config-save-btn,.config-tabs{width:100%}.config-save-btn{min-height:42px}.config-panel-layout{grid-template-columns:1fr}.config-extension-preview{position:static}.overlay-config-sidebar{width:100%}.overlay-config-sidebar .config-extension-preview{width:min(100%,326px)}.overlay-obs-guide{position:static;width:100%}.config-panel-heading,.config-panel-heading--with-action{align-items:stretch;flex-direction:column}.config-panel-heading .admin-btn{width:100%}.extension-config-page .admin-form-grid{grid-template-columns:1fr}#config-panel-goals .admin-form-grid{grid-template-columns:1fr}.planning-slot-grid,.profile-config-heading{grid-template-columns:1fr}.profile-config-heading{align-items:stretch;flex-direction:column}.planning-slot-remove{width:100%}.overlay-settings-grid{grid-template-columns:1fr}}@media (max-width:560px){.overlay-status-row,.overlay-test-row,.overlay-toggle-row,.overlay-url-row{align-items:stretch;flex-direction:column}.overlay-toggle-row input[type=checkbox]{align-self:flex-start}.overlay-refresh-btn,.overlay-test-row .admin-btn,.overlay-url-row .primary-config-btn{width:100%}}@media (max-width:560px){.extension-config-shell{width:min(100% - 20px,1180px)}.extension-config-topbar{padding-inline:12px}.extension-config-shell{padding-block:16px}.extension-config-page .extension-config-hero{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:12px}.extension-config-title{font-size:clamp(28px, 10vw, 36px)}.extension-config-hero-description{font-size:.88rem;line-height:1.32}.extension-config-brand-visual{width:56px;border-radius:16px}.extension-config-brand-visual img{width:50px;height:50px}.extension-config-support{gap:12px;padding:14px}.extension-config-support-icon{width:44px;height:44px;font-size:21px}.extension-config-hero-side{grid-template-columns:1fr}.extension-config-logo{width:62px;height:62px}.extension-config-logo img{width:52px;height:52px}.planning-day-header{align-items:flex-start;flex-direction:column}.planning-day-actions{width:100%;justify-content:space-between}.preview-profile-stats{grid-template-columns:1fr}.preview-planning-row{grid-template-columns:72px minmax(0,1fr)}}