/* Native Profile & Settings 109.06, selectively integrated. */
:root{--bg:var(--mac-color-page);--panel:var(--mac-color-panel);--panel2:var(--mac-color-panel-raised);--line:var(--mac-color-line);--text:var(--mac-color-text);--muted:var(--mac-color-muted);--cyan:var(--mac-color-accent);--gold:var(--mac-color-gold);--danger:var(--mac-color-danger);--good:var(--mac-color-positive);--radius:var(--mac-radius-card);font-family:var(--mac-font-sans)}
:root[data-density="compact"] .settings-card{padding:17px}:root[data-density="compact"] .settings-form{gap:12px}:root[data-density="spacious"] .settings-card{padding:30px}:root[data-density="spacious"] .settings-form{gap:24px}
:root.underline-links a{text-decoration:underline!important}
:root.status-icons .toggle-row input::before{content:"×";position:absolute;margin:3px 0 0 28px;color:#fff;font-size:13px;font-weight:900}:root.status-icons .toggle-row input:checked::before{content:"✓";margin-left:7px;color:#061117}.toggle-row input{position:relative}
:root[data-motion="on"] *, :root[data-motion="on"] *::before, :root[data-motion="on"] *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:radial-gradient(circle at 80% 0,#102535 0,transparent 35%),var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}.settings-shell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.settings-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 18px;background:rgba(10,15,21,.97);border-right:1px solid var(--line);overflow-y:auto}.settings-brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;padding:4px 7px 18px}.settings-brand img{width:42px;height:42px}.settings-brand strong,.settings-brand small{display:block}.settings-brand strong{letter-spacing:.12em}.settings-brand small{margin-top:2px;color:var(--muted)}.settings-search{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#0b1218}.settings-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}#settings-nav{margin-top:14px}#settings-nav p{margin:18px 10px 7px;color:#637785;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}#settings-nav button{display:block;width:100%;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#adbbc4;text-align:left;cursor:pointer}#settings-nav button:hover,#settings-nav button:focus-visible{background:#17222c;color:#fff;outline:2px solid transparent}#settings-nav button.active{background:linear-gradient(90deg,rgba(25,198,230,.19),rgba(25,198,230,.05));box-shadow:inset 3px 0 var(--cyan);color:#fff;font-weight:750}.settings-sidebar-foot{margin-top:auto;padding:18px 9px 4px;border-top:1px solid var(--line)}.settings-sidebar-foot a,.settings-sidebar-foot button{display:block;margin:6px 0;border:0;background:none;color:var(--muted);text-decoration:none;cursor:pointer}.settings-sidebar-foot .text-danger{color:var(--danger)}.settings-main{width:min(980px,100%);min-height:100vh;padding:42px clamp(24px,5vw,72px) 90px}.settings-mobile-head{display:none}.settings-status{position:sticky;top:12px;z-index:20;min-height:0;border-radius:10px;text-align:center}.settings-status:not(:empty){margin-bottom:16px;padding:10px 14px;border:1px solid rgba(25,198,230,.35);background:#102b35;color:#d9fbff}.settings-status.error{border-color:#71343a;background:#33171b;color:#ffdadd}.settings-panel{display:none}.settings-panel.active{display:block}.panel-heading{margin-bottom:26px}.panel-heading>span{color:var(--cyan);font-size:.75rem;font-weight:850;letter-spacing:.14em}.panel-heading h1{margin:5px 0 6px;font-size:clamp(2rem,5vw,3.1rem);line-height:1.05}.panel-heading p{max-width:720px;margin:0;color:var(--muted);font-size:1.04rem}.settings-card{margin:16px 0;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(21,31,42,.96),rgba(14,22,30,.96));box-shadow:0 18px 45px rgba(0,0,0,.15)}.settings-card h2{margin:0 0 14px;font-size:1.15rem}.settings-form{display:grid;gap:18px}.settings-form>label:not(.toggle-row),.form-grid label{display:grid;gap:7px;color:#d7e0e5;font-weight:700}.settings-form small{color:var(--muted);font-weight:450}.settings-form input:not([type=checkbox]):not([type=color]):not([type=range]),.settings-form textarea,.settings-form select{width:100%;padding:11px 12px;border:1px solid #344654;border-radius:9px;outline:0;background:#0a1219;color:var(--text)}.settings-form input:focus,.settings-form textarea:focus,.settings-form select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(25,198,230,.13)}.settings-form textarea{resize:vertical}.settings-form input[type=color]{width:100%;height:44px;border:1px solid #344654;border-radius:9px;background:#0a1219}.settings-form input[type=range]{width:100%;accent-color:var(--cyan)}.input-prefix{display:flex;align-items:center;border:1px solid #344654;border-radius:9px;background:#0a1219}.input-prefix:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(25,198,230,.13)}.input-prefix span{padding-left:12px;color:var(--muted)}.input-prefix input{border:0!important;box-shadow:none!important}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:4px 0;cursor:pointer}.toggle-row span strong,.toggle-row span small{display:block}.toggle-row span small{margin-top:4px;line-height:1.45}.toggle-row input{appearance:none;flex:0 0 auto;width:48px;height:26px;border:1px solid #445563;border-radius:999px;background:#283540;cursor:pointer;transition:.18s}.toggle-row input::after{content:"";display:block;width:20px;height:20px;margin:2px;border-radius:50%;background:#fff;transition:.18s}.toggle-row input:checked{border-color:var(--cyan);background:var(--cyan)}.toggle-row input:checked::after{transform:translateX(22px);background:#061117}.toggle-row input:focus-visible{outline:3px solid rgba(25,198,230,.35);outline-offset:2px}.toggle-row.important{margin:4px -10px;padding:14px 10px;border:1px solid rgba(216,170,69,.28);border-radius:10px;background:rgba(216,170,69,.06)}hr{width:100%;margin:5px 0;border:0;border-top:1px solid var(--line)}button.primary,button.secondary,.settings-form button.primary,.settings-form button.secondary{justify-self:start;padding:10px 16px;border-radius:9px;cursor:pointer;font-weight:800}.primary{border:1px solid var(--cyan);background:var(--cyan);color:#041116}.secondary{border:1px solid #3a4c59;background:#17232d;color:var(--text)}button:disabled{cursor:not-allowed;opacity:.5}.profile-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:22px;align-items:start}.profile-preview{position:sticky;top:30px;overflow:hidden;padding:0 22px 24px}.profile-preview-banner{height:120px;margin:0 -22px;background:linear-gradient(130deg,#0d8197,#162b48)}.profile-preview-avatar{display:grid;place-items:center;width:84px;height:84px;margin-top:-42px;border:5px solid #121b24;border-radius:50%;background:#1f3443;color:#fff;font-size:2rem;font-weight:900;background-size:cover;background-position:center}.profile-preview h2{margin:12px 0 0}.profile-preview>p{color:var(--muted)}.profile-preview-tags{display:flex;flex-wrap:wrap;gap:7px}.profile-preview-tags span{padding:5px 9px;border:1px solid #385161;border-radius:999px;color:#bfeaf1;font-size:.78rem}.detail-list{padding:8px 22px}.detail-list>div{display:flex;align-items:center;gap:16px;min-height:62px;border-bottom:1px solid var(--line)}.detail-list>div:last-child{border:0}.detail-list span{color:var(--muted)}.detail-list strong,.detail-list code{margin-left:auto}.detail-list .good{color:var(--good)}.detail-list button{margin-left:8px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.item-list{padding:4px 20px}.item-list>div{display:flex;align-items:center;gap:14px;padding:16px 2px;border-bottom:1px solid var(--line)}.item-list>div:last-child{border:0}.item-list div>span{display:grid}.item-list div>span small{color:var(--muted)}.item-list button{margin-left:auto}.danger-zone{border-color:#593038}.danger-zone p{color:var(--muted)}.danger-zone button{margin-right:8px;padding:9px 13px;border:1px solid #674048;border-radius:8px;background:#28181b;color:#ffb3b7}.action-card{display:flex;align-items:center;justify-content:space-between;gap:25px}.action-card h2,.action-card p{margin:0}.action-card p{margin-top:5px;color:var(--muted)}.button-row{display:flex;flex-wrap:wrap;gap:10px}.meter{height:13px;overflow:hidden;border:1px solid #31434f;border-radius:999px;background:#080d12}.meter span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--good),var(--gold));transition:width 80ms}#camera-preview{width:min(100%,640px);max-height:360px;border-radius:12px;background:#020406;object-fit:cover}.muted{color:var(--muted)}.accessibility-preview b{color:var(--good)}.accessibility-preview a{color:var(--cyan);text-decoration:underline}.plan-card{padding:28px;border:1px solid rgba(25,198,230,.45);border-radius:18px;background:linear-gradient(135deg,#113341,#141e28);box-shadow:0 25px 80px rgba(0,0,0,.22)}.plan-card>span{color:var(--cyan);font-weight:900;letter-spacing:.16em}.plan-card h2{display:inline;margin:0 14px;font-size:2rem}.plan-card>strong{display:block;margin-top:18px;font-size:3.3rem}.plan-card>small{color:var(--muted)}.plan-card ul{display:grid;grid-template-columns:1fr 1fr;gap:9px 28px;margin-top:24px;padding-left:20px}.diagnostics{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88rem}.diagnostics dl{display:grid;grid-template-columns:minmax(140px,.5fr) 1fr;gap:9px 20px;margin:0}.diagnostics dt{color:var(--muted)}.diagnostics dd{margin:0;word-break:break-word}
@media(max-width:820px){.settings-shell{display:block}.settings-sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:min(86vw,320px);transform:translateX(-105%);transition:.2s}.settings-sidebar.open{transform:none}.settings-main{padding:18px 18px 70px}.settings-mobile-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.settings-mobile-head button,.settings-mobile-head a{border:0;background:none;color:var(--text);font-size:1.5rem;text-decoration:none}.profile-layout{grid-template-columns:1fr}.profile-preview{position:relative;top:0;order:-1}.form-grid,.plan-card ul{grid-template-columns:1fr}.action-card{align-items:flex-start;flex-direction:column}.panel-heading h1{font-size:2.15rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.settings-role-test{border-color:rgba(216,170,69,.55);background:linear-gradient(145deg,rgba(43,33,13,.96),rgba(20,25,29,.96))}.settings-role-test>span{color:var(--gold);font-size:.72rem;font-weight:900;letter-spacing:.14em}.settings-role-test h2{margin:7px 0}.settings-role-test p{margin:0 0 16px;color:#f6e6b7;font-weight:800}.settings-role-test label{display:block;margin-bottom:7px;font-weight:800}.settings-role-test select{width:min(100%,420px);padding:11px 12px;border:1px solid #6f5725;border-radius:9px;background:#0a1219;color:var(--text)}.settings-role-test .button-row{margin-top:14px}.settings-role-test small{display:block;margin-top:12px;color:#cdbb8a;line-height:1.45}