.settings-screen {
  position:fixed; inset:0; z-index:70; overflow:auto;
  background:linear-gradient(180deg,rgba(8,18,35,.24),rgba(8,18,35,.42));
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  color:var(--ink);
}
.settings-screen[hidden]{display:none!important}
.settings-topbar{
  position:sticky; top:0; z-index:4; min-height:78px; padding:14px max(18px,calc((100vw - 1280px)/2));
  display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px;
  background:rgba(249,252,255,.88); border-bottom:1px solid rgba(31,58,91,.10);
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
}
.settings-back,.settings-reset{
  min-height:46px; border:1px solid rgba(31,58,91,.10); border-radius:14px; padding:0 16px;
  background:#fff; color:#284867; font-weight:850; cursor:pointer; box-shadow:0 5px 16px rgba(20,47,79,.08);
}
.settings-title{min-width:0}.settings-title strong{display:block;font-size:1.15rem;letter-spacing:.035em}.settings-title small{display:block;margin-top:2px;color:var(--muted);font-weight:650}
.settings-shell{width:min(1280px,calc(100% - 34px));margin:26px auto 50px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}
.settings-nav{position:sticky;top:102px;padding:12px;border-radius:24px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.75);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.settings-nav button{width:100%;min-height:52px;border:0;border-radius:14px;background:transparent;color:#425b78;text-align:left;padding:0 13px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:10px}
.settings-nav button:hover{background:rgba(32,140,255,.08)}.settings-nav button.active{background:#e7f2ff;color:#116fd7}.settings-nav i{font-style:normal;width:25px;text-align:center;font-size:1.12rem}
.settings-content{display:grid;gap:20px}.settings-panel{display:none}.settings-panel.active{display:grid;gap:18px}
.settings-hero,.setting-card{background:rgba(255,255,255,.93);border:1px solid rgba(255,255,255,.84);box-shadow:0 20px 55px rgba(20,47,79,.16);backdrop-filter:blur(16px);border-radius:24px}
.settings-hero{padding:25px 26px}.settings-hero .kicker{margin:0 0 5px;font-size:.73rem;letter-spacing:.2em;font-weight:950;color:#657894}.settings-hero h2{margin:0;font-size:clamp(1.75rem,4vw,2.65rem);letter-spacing:-.04em}.settings-hero p{margin:9px 0 0;max-width:720px;line-height:1.55;color:var(--muted)}
.setting-card{padding:22px 24px}.setting-card>h3{margin:0 0 4px;font-size:1.12rem}.setting-card>.desc{margin:0 0 18px;color:var(--muted);font-size:.88rem;line-height:1.5}
.setting-row{min-height:66px;display:grid;grid-template-columns:minmax(170px,1fr) minmax(220px,360px);gap:22px;align-items:center;border-top:1px solid rgba(31,58,91,.07);padding:13px 0}.setting-row:first-of-type{border-top:0}.setting-label strong{display:block;font-size:.93rem}.setting-label small{display:block;margin-top:3px;color:var(--muted);line-height:1.35}
.setting-control{display:flex;align-items:center;justify-content:flex-end;gap:10px}.setting-control select{width:min(100%,260px);min-height:44px;border:1px solid rgba(31,58,91,.14);border-radius:12px;padding:0 12px;background:#f9fbfe;color:var(--ink);font-weight:750}.setting-control input[type=range]{width:min(100%,260px);accent-color:var(--blue)}.range-value{width:48px;text-align:right;color:#47627f;font-weight:850;font-size:.82rem}
.switch{position:relative;display:inline-flex;width:54px;height:31px;flex:0 0 auto}.switch input{position:absolute;opacity:0;pointer-events:none}.switch span{position:absolute;inset:0;border-radius:999px;background:#cad3df;transition:.18s;cursor:pointer}.switch span::after{content:"";position:absolute;width:23px;height:23px;top:4px;left:4px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.18);transition:.18s}.switch input:checked+span{background:var(--blue)}.switch input:checked+span::after{transform:translateX(23px)}
.settings-btn{min-height:44px;border:0;border-radius:13px;padding:0 16px;font-weight:850;cursor:pointer}.settings-btn.primary{background:var(--blue);color:#fff;box-shadow:0 9px 20px rgba(32,140,255,.2)}.settings-btn.secondary{background:#edf4fb;color:#31506f}.settings-btn.danger{background:#fff0f0;color:#c33b4d}.settings-btn:disabled{opacity:.55;cursor:not-allowed}
.audio-test{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.audio-test button{min-height:38px;border:1px solid rgba(31,58,91,.09);border-radius:11px;background:#f5f9fd;color:#355574;font-weight:800;padding:0 12px;cursor:pointer}
.settings-status{padding:13px 15px;border-radius:14px;background:#edf6ff;color:#28547c;font-size:.86rem;font-weight:700;line-height:1.45}.settings-status.success{background:#eafaf5;color:#11715c}.settings-status.warn{background:#fff6df;color:#8a6100}.settings-status.error{background:#fff0f1;color:#a83042}
.version-box{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:17px;border-radius:17px;background:linear-gradient(135deg,#e8f3ff,#f9fbff);border:1px solid #d7eaff}.version-box strong{display:block;font-size:1.05rem}.version-box small{display:block;margin-top:3px;color:#637a95}.version-pill{padding:8px 12px;border-radius:999px;background:#fff;color:#2874c7;font-size:.78rem;font-weight:950;box-shadow:0 4px 12px rgba(20,47,79,.07)}
.install-card{display:flex;gap:13px;align-items:center}.install-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#e8f3ff;color:var(--blue);font-size:1.25rem}.install-copy{flex:1}.install-copy strong{display:block}.install-copy small{display:block;margin-top:2px;color:var(--muted)}
.settings-footnote{text-align:center;color:#eaf3ff;text-shadow:0 1px 8px rgba(0,0,0,.35);font-size:.75rem;font-weight:650;margin-top:8px}
body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body.static-background .bg{transition:none!important;transform:scale(1)!important}
@media(max-width:840px){.settings-shell{grid-template-columns:1fr;width:min(720px,calc(100% - 22px));margin-top:14px}.settings-nav{position:static;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;overflow-x:auto}.settings-nav button{justify-content:center;text-align:center;padding:0 9px;font-size:.75rem}.settings-nav button span{display:none}.settings-topbar{grid-template-columns:auto 1fr}.settings-reset{grid-column:1/-1;width:100%;min-height:40px}.setting-row{grid-template-columns:1fr;gap:8px}.setting-control{justify-content:flex-start}.setting-control input[type=range],.setting-control select{width:100%;max-width:none}.audio-test{justify-content:flex-start}}
@media(max-width:520px){.settings-screen{backdrop-filter:none}.settings-topbar{padding:10px;gap:9px}.settings-back{padding:0 12px}.settings-title strong{font-size:1rem}.settings-title small{font-size:.68rem}.settings-shell{width:calc(100% - 14px);margin-bottom:25px}.settings-nav{grid-template-columns:repeat(5,minmax(48px,1fr));padding:7px;border-radius:18px}.settings-nav button{min-height:45px}.settings-hero,.setting-card{border-radius:18px;padding:18px}.setting-row{padding:14px 0}.version-box{grid-template-columns:1fr}.version-pill{width:max-content}.install-card{align-items:flex-start;flex-wrap:wrap}.install-card .settings-btn{width:100%}}

/* NOIYA 0.8.0 — Account e multi-dispositivo */
.account-panel-content{display:grid;gap:18px}
.account-loading{display:flex;align-items:center;gap:14px;min-height:78px}.account-loading>span{width:28px;height:28px;border-radius:50%;border:3px solid #dcecff;border-top-color:var(--blue);animation:accountSpin .8s linear infinite}.account-loading strong,.account-loading small{display:block}.account-loading small{margin-top:3px;color:var(--muted)}
@keyframes accountSpin{to{transform:rotate(360deg)}}
.account-status-card{overflow:hidden}.account-status-card.local{background:linear-gradient(135deg,#fff9ec,#fff)}.account-status-card.protected{background:linear-gradient(135deg,#eafaf4,#fff)}.account-status-card.signed-out{background:linear-gradient(135deg,#eef6ff,#fff)}
.account-status-top{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;align-items:start}.account-big-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#e8f3ff;color:#1680ef;font-size:1.7rem;font-weight:950}.account-status-card.protected .account-big-icon{background:#dbf6eb;color:#16986f}.account-status-card.local .account-big-icon{background:#fff0ca;color:#b77800}.account-status-top h3{margin:5px 0 3px;font-size:1.15rem}.account-status-top p{margin:0;color:var(--muted);line-height:1.5;font-size:.9rem}
.account-badge{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:#e8f3ff;color:#236fb8;font-size:.7rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.account-badge.warn{background:#fff0ca;color:#8b6200}.account-badge.success{background:#dff7ed;color:#117356}
.account-id-row{margin-top:17px;padding-top:14px;border-top:1px solid rgba(31,58,91,.08);display:flex;align-items:center;justify-content:space-between;gap:12px;color:#5b718b;font-size:.78rem}.account-id-row code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#fff;padding:6px 9px;border-radius:9px;color:#35516d;border:1px solid #e5edf5}
.account-grid-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px}.account-grid-meta>div{padding:12px 13px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid rgba(31,58,91,.07)}.account-grid-meta small,.account-grid-meta strong{display:block}.account-grid-meta small{font-size:.68rem;color:#72849a;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.account-grid-meta strong{margin-top:4px;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-card-head{display:grid;grid-template-columns:45px minmax(0,1fr);gap:13px;align-items:start;margin-bottom:16px}.account-card-head .account-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:#eaf4ff;color:#1878d4;font-size:1.15rem;font-weight:900}.account-card-head h3{margin:1px 0 4px;font-size:1.08rem}.account-card-head p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.48}
.account-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-form label,.account-device-name label{display:grid;gap:6px}.account-form label span,.account-device-name label span{font-size:.73rem;font-weight:850;color:#5d7289}.account-form input,.account-inline-form input,.account-device-name input{min-height:46px;border:1px solid #dbe5ef;border-radius:13px;background:#fbfdff;padding:0 13px;color:var(--ink);font:inherit;font-weight:700;outline:none}.account-form input:focus,.account-inline-form input:focus,.account-device-name input:focus{border-color:#7ebdff;box-shadow:0 0 0 3px rgba(32,140,255,.10)}.account-actions{grid-column:1/-1;display:flex;justify-content:flex-end}
.account-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.account-link-form{margin-top:3px}.account-divider{display:flex;align-items:center;gap:12px;margin:15px 0;color:#8292a5;font-size:.7rem;font-weight:850}.account-divider::before,.account-divider::after{content:"";height:1px;background:#e7edf3;flex:1}.account-help{margin:11px 0 0;color:#7a8da1;font-size:.74rem;line-height:1.45}.account-confirm-row{margin-top:14px;padding:13px;border-radius:15px;background:#f7faff;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.account-confirm-row strong,.account-confirm-row small{display:block}.account-confirm-row small{margin-top:3px;color:var(--muted);font-size:.75rem}.account-manual-link-note{margin-top:13px;font-size:.76rem}
.account-notice{margin:0}.account-devices{display:grid;gap:9px}.account-device{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 12px;border-radius:15px;background:#f7fafc;border:1px solid #e6edf4}.account-device.current{background:#edf8f4;border-color:#d2efe4}.account-device-icon{width:42px;height:42px;border-radius:13px;background:#fff;display:grid;place-items:center;font-size:1.15rem;box-shadow:0 4px 12px rgba(20,47,79,.06)}.account-device-copy strong,.account-device-copy small{display:block}.account-device-copy strong{font-size:.86rem}.account-device-copy small{margin-top:3px;color:#71849a;font-size:.7rem;line-height:1.35}.account-device>span{padding:6px 8px;border-radius:999px;background:#e8f3ff;color:#286da9;font-size:.64rem;font-weight:900}.account-device.current>span{background:#dff5eb;color:#177151}.account-empty{padding:16px;border-radius:14px;background:#f7fafc;color:#71849a;font-size:.8rem;text-align:center}
.account-device-name{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-bottom:15px}.account-danger-card{border-color:#ffe0e4;background:rgba(255,250,250,.96)}
@media(max-width:840px){.settings-nav{grid-template-columns:repeat(5,1fr)}.account-form{grid-template-columns:1fr}.account-actions{grid-column:auto;justify-content:stretch}.account-actions .settings-btn{width:100%}.account-inline-form,.account-confirm-row,.account-device-name{grid-template-columns:1fr}.account-inline-form .settings-btn,.account-confirm-row .settings-btn,.account-device-name .settings-btn{width:100%}}
@media(max-width:520px){.settings-nav{grid-template-columns:repeat(5,minmax(48px,1fr))}.account-status-top{grid-template-columns:48px minmax(0,1fr);gap:11px}.account-big-icon{width:48px;height:48px;border-radius:15px;font-size:1.35rem}.account-grid-meta{grid-template-columns:1fr}.account-device{grid-template-columns:38px minmax(0,1fr)}.account-device-icon{width:38px;height:38px}.account-device>span{grid-column:2;width:max-content}.account-card-head{grid-template-columns:40px minmax(0,1fr)}.account-card-head .account-icon{width:40px;height:40px}.account-inline-form input,.account-form input,.account-device-name input{width:100%;box-sizing:border-box}}