:root{--accent:#d02090;--accent-2:#7449e8;--bg:#0b0d10;--surface:#101216;--line:rgba(255,255,255,.075);--muted:rgba(255,255,255,.5);color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:#fff;font-family:Outfit,sans-serif;overscroll-behavior:none}body{min-height:100dvh;padding-top:82px}button,input{font:inherit}.settings-header{position:fixed;z-index:500;inset:0 0 auto;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,64px);background:rgba(11,13,16,.92);border-bottom:1px solid rgba(255,255,255,.045);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.settings-brand{color:#fff;text-decoration:none;font-size:1.26rem;font-weight:950;letter-spacing:0}.settings-brand span{color:var(--accent)}.settings-header-actions{display:flex;align-items:center;gap:8px}.settings-header-button,.settings-profile-button{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:rgba(255,255,255,.055);text-decoration:none;cursor:pointer}.settings-header-button:hover,.settings-profile-button:hover{color:#fff;background:rgba(255,255,255,.09)}.settings-shell{width:min(1320px,100%);min-height:calc(100dvh - 82px);margin:0 auto;display:grid;grid-template-columns:270px minmax(0,1fr)}.settings-sidebar{position:sticky;top:82px;height:calc(100dvh - 82px);display:flex;flex-direction:column;padding:54px 28px 32px;border-right:1px solid var(--line)}.settings-sidebar-title{display:grid;gap:4px;padding:0 14px 24px}.settings-sidebar-title span{color:var(--muted);font-size:.7rem;font-weight:800;text-transform:uppercase}.settings-sidebar-title strong{font-size:1.45rem;font-weight:950}.settings-sidebar nav{display:grid;gap:3px}.settings-back,.settings-sidebar nav .settings-nav-link,.settings-sidebar nav button{width:100%;min-height:48px;display:flex;align-items:center;gap:13px;padding:0 14px;border:0;border-radius:9px;color:rgba(255,255,255,.56);background:0 0;text-decoration:none;font-size:.86rem;font-weight:800;cursor:pointer;transition:color .16s,background .16s}.settings-back i,.settings-sidebar nav .settings-nav-link i,.settings-sidebar nav button i{width:20px;text-align:center}.settings-sidebar nav .settings-nav-link em,.settings-sidebar nav button em{min-width:19px;margin-left:auto;padding:2px 6px;border-radius:999px;color:#fff;background:var(--accent);font-size:.62rem;font-style:normal;text-align:center}.settings-back:hover,.settings-sidebar nav .settings-nav-link:hover,.settings-sidebar nav button.active,.settings-sidebar nav button:hover{color:#fff;background:rgba(255,255,255,.055)}.settings-sidebar nav button.active i{color:#f14aae}.settings-back{margin-top:auto}.settings-content{width:min(900px,100%);padding:58px clamp(34px,6vw,84px) 100px}.settings-pane{display:none;animation:.18s both settingsIn}.settings-pane.active{display:block}@keyframes settingsIn{from{opacity:0;transform:translateY(5px)}}.settings-heading{margin-bottom:38px}.settings-heading h1{margin:0 0 7px;font-size:2rem;line-height:1.05;font-weight:950;letter-spacing:0}.settings-heading p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45}.settings-profile-summary{--profile-primary:#d02090;--profile-accent:#7449e8;position:relative;min-height:168px;display:flex;align-items:flex-end;gap:24px;margin-bottom:42px;padding:28px;overflow:hidden;border-radius:12px;background:linear-gradient(120deg,color-mix(in srgb,var(--profile-primary) 24%,#09080b),color-mix(in srgb,var(--profile-accent) 18%,#09080b))}.settings-profile-summary::before{content:"";position:absolute;inset:0;background:var(--settings-banner) center/cover no-repeat;opacity:.28;mask-image:linear-gradient(to left,#000,transparent 90%)}.settings-profile-summary:not(.has-banner)::before{display:none}.settings-profile-summary>*{position:relative;z-index:1}.settings-profile-summary .obs-profile-avatar-stack{width:104px;height:104px}.settings-profile-copy{min-width:0;display:grid;gap:4px}.settings-profile-copy strong{font-size:1.45rem;font-weight:950;overflow-wrap:anywhere}.settings-profile-copy span{color:rgba(255,255,255,.52);font-size:.8rem;font-weight:700}.settings-profile-summary>button{margin-left:auto;min-height:40px;padding:0 15px;border:0;border-radius:9px;color:#fff;background:var(--accent);font-weight:900;cursor:pointer}.settings-group{margin-top:34px}.settings-group-title{margin-bottom:9px;color:rgba(255,255,255,.42);font-size:.7rem;font-weight:900;text-transform:uppercase}.settings-row{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.settings-row-copy{min-width:0;display:grid;gap:3px}.settings-row-copy strong{font-size:.9rem;font-weight:850}.settings-row-copy span{color:var(--muted);font-size:.73rem;line-height:1.4}.settings-segmented{display:flex;align-items:center;padding:3px;border-radius:10px;background:rgba(255,255,255,.045)}.settings-segmented button{min-height:34px;padding:0 12px;border:0;border-radius:8px;color:rgba(255,255,255,.45);background:0 0;font-size:.7rem;font-weight:850;cursor:pointer}.settings-segmented button.active{color:#fff;background:rgba(255,255,255,.1);box-shadow:0 3px 12px rgba(0,0,0,.25)}.settings-toggle{position:relative;width:46px;height:27px;flex:none}.settings-toggle input{position:absolute;opacity:0}.settings-toggle span{position:absolute;inset:0;border-radius:999px;background:#26252a;transition:.18s;cursor:pointer}.settings-toggle span::after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:.18s;box-shadow:0 2px 8px rgba(0,0,0,.4)}.settings-toggle input:checked+span{background:var(--accent)}.settings-toggle input:checked+span::after{transform:translateX(19px)}.settings-save{min-height:43px;margin-top:28px;padding:0 18px;border:0;border-radius:9px;color:#fff;background:var(--accent);font-weight:900;cursor:pointer}.settings-save.inline{min-height:38px;margin:0}.settings-link-button{min-height:36px;padding:0 12px;border:0;border-radius:8px;color:#fff;background:rgba(255,255,255,.065);font-size:.72rem;font-weight:850;cursor:pointer}.settings-save:disabled{opacity:.45;cursor:wait}.settings-status{display:inline-block;margin-left:12px;color:#ef75bf;font-size:.75rem;font-weight:800}.settings-password{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-top:12px}.settings-field{display:grid;gap:7px}.settings-field span{color:rgba(255,255,255,.48);font-size:.7rem;font-weight:850}.settings-field input{width:100%;height:44px;border:1px solid rgba(255,255,255,.09);border-radius:9px;outline:0;padding:0 12px;color:#fff;background:rgba(255,255,255,.035)}.settings-field input:focus{border-color:rgba(208,32,144,.65);box-shadow:0 0 0 3px rgba(208,32,144,.08)}.settings-danger,.settings-password button{height:44px;padding:0 15px;border:0;border-radius:9px;color:#fff;background:rgba(255,255,255,.075);font-weight:850;cursor:pointer}.settings-danger{color:#ff6a7e;background:rgba(255,53,88,.08)}.connections-list{display:grid}.connection-row{min-height:68px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;border-bottom:1px solid var(--line)}.connection-row .obs-profile-avatar-stack{width:48px;height:48px}.connection-copy{min-width:0;display:grid;gap:2px}.connection-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.connection-copy span{color:var(--muted);font-size:.7rem}.connection-actions{display:flex;gap:7px}.connection-actions button{min-height:34px;padding:0 11px;border:0;border-radius:8px;color:rgba(255,255,255,.7);background:rgba(255,255,255,.055);font-size:.68rem;font-weight:850;cursor:pointer}.connection-actions button.primary{color:#fff;background:var(--accent)}.connection-actions .connection-message{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border-radius:8px;color:#fff;background:rgba(208,32,144,.12);text-decoration:none;font-size:.68rem;font-weight:850}.external-connections{display:grid;border-top:1px solid var(--line)}.external-row{min-height:84px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.external-icon{width:42px;height:42px;display:block;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.035)}.external-icon>img{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;display:block;object-fit:cover;border-radius:10px}.external-copy{min-width:0;display:grid;gap:4px}.external-copy strong{font-size:.9rem;font-weight:900}.external-copy a,.external-copy span{color:var(--muted);font-size:.72rem;font-weight:700;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.external-copy a:hover{color:#fff}.external-connect,.external-disconnect{min-height:37px;display:flex;align-items:center;gap:7px;padding:0 12px;border:0;border-radius:8px;color:#fff;background:rgba(208,32,144,.16);font-size:.7rem;font-weight:850;cursor:pointer}.external-disconnect{color:rgba(255,255,255,.62);background:rgba(255,255,255,.05)}.external-connect:disabled{color:rgba(255,255,255,.32);background:rgba(255,255,255,.025);cursor:not-allowed}.external-connect.setup{color:rgba(255,255,255,.58);background:rgba(255,255,255,.045)}.settings-footnote{display:flex;align-items:flex-start;gap:8px;margin:18px 0 0;color:rgba(255,255,255,.4);font-size:.68rem;font-weight:650;line-height:1.5}.settings-footnote i{margin-top:2px;color:#c953a4}.settings-footnote.attention{color:rgba(255,255,255,.68)}.settings-footnote.attention i{color:#f06ab8}.sync-account{min-height:82px;display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.sync-account img{width:44px;height:44px;border-radius:10px}.sync-account>div{display:grid;gap:3px}.sync-account strong{font-size:.9rem;font-weight:900}.sync-account span{color:var(--muted);font-size:.72rem}.sync-account>i{color:#45d28a}.sync-status{display:flex;align-items:center;gap:12px;margin-top:24px;padding:14px 0;color:rgba(255,255,255,.68);border-bottom:1px solid var(--line)}.sync-status>i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#e766b4;background:rgba(208,32,144,.1)}.sync-status.complete>i{color:#54d995;background:rgba(84,217,149,.1)}.sync-status.failed>i{color:#ff7184;background:rgba(255,75,99,.1)}.sync-status span{display:grid;gap:2px}.sync-status strong{font-size:.78rem}.sync-status small{color:var(--muted);font-size:.66rem}.settings-empty.sync-empty img{width:52px;height:52px;border-radius:12px;margin-bottom:5px}.settings-empty.sync-empty strong{color:#fff;font-size:.9rem}.settings-empty.sync-empty .settings-save{margin-top:10px}.settings-empty{min-height:170px;display:grid;place-content:center;justify-items:center;gap:9px;color:rgba(255,255,255,.38);font-size:.8rem;font-weight:750}.settings-empty i{font-size:1.45rem}.settings-page-skeleton{padding-top:4px}.settings-skeleton-heading{width:34%;height:34px;border-radius:7px}.settings-skeleton-subheading{width:55%;height:12px;margin-top:12px;border-radius:5px}.settings-skeleton-profile{height:168px;display:flex;align-items:flex-end;gap:20px;margin:38px 0;border-radius:12px;padding:25px;background:rgba(255,255,255,.018)}.settings-skeleton-profile>div{width:104px;height:104px;border-radius:50%}.settings-skeleton-profile span{display:grid;gap:8px;flex:1;padding-bottom:20px}.settings-skeleton-profile i{display:block;width:36%;height:14px;border-radius:5px}.settings-skeleton-profile i:last-child{width:24%;height:9px}.settings-skeleton-row{height:70px;border-radius:0;border-bottom:1px solid var(--line);background-color:transparent}.settings-mobile-dock{display:none}@media (min-width:2400px) and (min-height:1250px){html{zoom:1.5}}@media (min-width:3400px) and (min-height:1750px){html{zoom:1.75}}@media (max-width:760px){body{padding-top:max(68px,env(safe-area-inset-top));padding-bottom:calc(92px + env(safe-area-inset-bottom))}.settings-header{height:max(68px,env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0}.settings-shell{min-height:0;display:block}.settings-sidebar{position:sticky;z-index:20;top:max(68px,env(safe-area-inset-top));width:100%;height:auto;padding:0;border:0;background:rgba(11,13,16,.97);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.settings-back,.settings-sidebar-title{display:none}.settings-sidebar nav{display:flex;gap:4px;overflow-x:auto;padding:9px 14px;border-bottom:1px solid var(--line);scrollbar-width:none}.settings-sidebar nav::-webkit-scrollbar{display:none}.settings-sidebar nav .settings-nav-link,.settings-sidebar nav button{width:auto;min-width:max-content;min-height:38px;padding:0 12px;border-radius:999px;font-size:.72rem}.settings-sidebar nav .settings-nav-link i,.settings-sidebar nav button i{width:auto}.settings-content{width:100%;padding:34px 20px 30px}.settings-heading{margin-bottom:28px}.settings-heading h1{font-size:1.65rem}.settings-profile-summary{min-height:152px;align-items:flex-end;gap:13px;padding:20px}.settings-profile-summary .obs-profile-avatar-stack{width:82px;height:82px}.settings-profile-copy strong{font-size:1.15rem}.settings-profile-summary>button{align-self:flex-start;margin-left:auto;font-size:.68rem}.settings-row{min-height:78px;align-items:flex-start;padding:14px 0}.settings-segmented{max-width:55%;flex-wrap:wrap;justify-content:flex-end;background:0 0;padding:0}.settings-segmented button{min-height:32px;background:rgba(255,255,255,.04)}.settings-password{grid-template-columns:1fr;margin-top:16px}.settings-password button{width:max-content}.connection-actions .connection-message span,.connection-actions button span,.external-connect span,.external-disconnect span{display:none}.external-row{grid-template-columns:42px minmax(0,1fr) 38px;gap:12px}.external-icon,.external-icon>img{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important}.external-connect,.external-disconnect{width:38px;padding:0;justify-content:center}.settings-mobile-dock{position:fixed;z-index:700;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(420px,calc(100vw - 28px));height:62px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:5px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(14,12,16,.9);box-shadow:0 14px 42px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.settings-mobile-dock a,.settings-mobile-dock button{position:relative;height:50px;display:grid;place-items:center;border:0;border-radius:999px;color:rgba(255,255,255,.58);background:0 0;text-decoration:none;font-size:1rem}.settings-mobile-dock .active{color:#fff;background:rgba(208,32,144,.24)}}@media (prefers-reduced-motion:reduce){.obs-skeleton,.settings-pane{animation:none!important}}