.settings-page{background:transparent;color:var(--text-body);font-family:var(--font-asap),"Asap",system-ui,sans-serif;min-height:100%}.settings-page .s-hero{padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:32px}.settings-page .s-hero__eyebrow{font-family:var(--font-caveat),"Caveat",cursive;font-weight:600;font-size:22px;color:var(--accent);display:inline-block;transform:rotate(-1deg);margin-bottom:8px;font-style:normal}.settings-page .s-hero__title{font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:clamp(2.2rem,4vw,3rem);letter-spacing:-.022em;line-height:1;color:var(--text-primary);margin-bottom:10px}.settings-page .s-hero__sub{font-size:14.5px;color:var(--text-soft);max-width:640px;line-height:1.55}.settings-page .s-hero__sub em{font-family:var(--font-caveat),"Caveat",cursive;font-style:normal;color:var(--accent);font-size:18px;font-weight:600}.settings-page .settings-tabs{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--border-mid);margin-bottom:28px}.settings-page .settings-tabs::-webkit-scrollbar{display:none}.settings-page .settings-tab{display:inline-flex;align-items:center;gap:7px;padding:0 16px;height:44px;color:var(--text-muted);font-size:13px;font-weight:600;font-family:var(--font-asap),"Asap",sans-serif;cursor:pointer;white-space:nowrap;background:transparent;border:none;border-bottom:2px solid transparent;transition:all .15s var(--ease);position:relative;flex-shrink:0}.settings-page .settings-tab:hover{color:var(--text-primary);background:rgba(255,255,255,.02)}.settings-page .settings-tab.is-active{color:var(--accent);border-bottom-color:var(--accent);background:linear-gradient(180deg,transparent,rgba(125,160,194,.06))}.settings-page .settings-tab svg{width:13px;height:13px;stroke-width:1.9;flex-shrink:0}.settings-page .panel{background:var(--bg-elev-1);border:1px solid var(--border-mid);border-radius:14px;padding:28px 30px;margin-bottom:24px}.settings-page .panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.settings-page .panel__head--tight{margin-bottom:16px}.settings-page .panel__title-block{min-width:0}.settings-page .panel__eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-quiet);font-weight:700;margin-bottom:7px;font-family:var(--font-asap),"Asap",sans-serif}.settings-page .panel__title{font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:22px;letter-spacing:-.012em;color:var(--text-primary);line-height:1.1}.settings-page .panel__sub{font-size:13px;color:var(--text-soft);margin-top:5px;max-width:540px}.settings-page .panel__right{display:flex;align-items:center;gap:10px;flex-shrink:0}.settings-page .status-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.04em}.settings-page .status-pill.is-active{background:rgba(106,190,122,.12);color:var(--green);border:1px solid rgba(106,190,122,.35)}.settings-page .status-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px -1px var(--green)}.settings-page .field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 24px}.settings-page .field{display:flex;flex-direction:column;gap:7px}.settings-page .field__label{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-quiet);font-weight:700;font-family:var(--font-asap),"Asap",sans-serif}.settings-page .field__value{padding:12px 14px;background:var(--bg-canvas);border:1px solid var(--line-2);border-radius:9px;font-size:14px;color:var(--text-body);min-height:44px;display:flex;align-items:center;gap:10px}.settings-page .field__value.is-readonly{color:var(--text-soft)}.settings-page .field__chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.settings-page .field__chip.tier{background:var(--accent-soft);color:var(--accent);border:1px solid rgba(125,160,194,.4)}.settings-page .field__chip.role{background:rgba(109,166,199,.12);color:#6da6c7;border:1px solid rgba(109,166,199,.3)}.settings-page .note-strip{margin-top:18px;padding:11px 14px;background:rgba(255,255,255,.025);border-left:2px solid var(--line-2);font-size:12.5px;color:var(--text-quiet);display:flex;align-items:center;gap:9px;border-radius:0 8px 8px 0}.settings-page .note-strip svg{width:14px;height:14px;color:var(--text-faint);flex-shrink:0}.settings-page .note-strip a{color:var(--accent);font-weight:600}.settings-page .plan-summary{display:flex;flex-wrap:wrap;align-items:center;gap:22px 28px;padding:18px 22px;background:var(--bg-canvas);border:1px solid var(--line-2);border-radius:12px}.settings-page .tier-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);border:1px solid rgba(125,160,194,.5)}.settings-page .plan-summary__metric{display:flex;flex-direction:column;gap:2px}.settings-page .plan-summary__metric-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-quiet);font-weight:700}.settings-page .plan-summary__metric-value{font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:19px;color:var(--text-primary);font-variant-numeric:tabular-nums}.settings-page .plan-summary__metric-value small{font-family:var(--font-asap),"Asap",sans-serif;font-weight:500;font-size:11px;color:var(--text-soft);margin-left:4px}.settings-page .cycle-row{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--text-soft)}.settings-page .cycle-row svg{width:14px;height:14px;color:var(--text-quiet)}.settings-page .cycle-row strong{color:var(--text-primary);font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700}.settings-page .cycle-item{display:flex;align-items:center;gap:8px}.settings-page .portal-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--line-2);background:var(--bg-canvas);color:var(--text-body);border-radius:9px;font-size:13px;font-weight:600;margin-top:16px;transition:all .18s var(--ease);cursor:pointer;font-family:var(--font-asap),"Asap",sans-serif}.settings-page .portal-btn:hover{border-color:var(--accent);color:var(--accent)}.settings-page .portal-btn:disabled{opacity:.6;cursor:not-allowed}.settings-page .portal-btn svg{width:14px;height:14px;stroke-width:1.9}.settings-page .cycle-toggle{display:inline-flex;align-items:center;gap:2px;padding:4px;background:var(--bg-canvas);border:1px solid var(--line-2);border-radius:999px}.settings-page .cycle-toggle__btn{padding:5px 14px;border-radius:999px;color:var(--text-muted);font-weight:600;font-size:12px;transition:all .15s var(--ease);cursor:pointer;border:none;background:transparent;font-family:var(--font-asap),"Asap",sans-serif}.settings-page .cycle-toggle__btn.is-active{background:var(--bg-elev-2);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--line-2)}.settings-page .save-pill{font-size:10px;padding:2px 8px;border-radius:999px;background:rgba(106,190,122,.14);color:var(--green);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-left:6px}.settings-page .plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.settings-page .plan-card{background:var(--bg-canvas);border:1px solid var(--line-2);border-radius:14px;padding:22px 20px 20px;position:relative;display:flex;flex-direction:column;gap:14px;transition:all .18s var(--ease)}.settings-page .plan-card:hover{border-color:var(--text-quiet);transform:translateY(-2px)}.settings-page .plan-card.is-current{border-color:var(--accent);background:linear-gradient(180deg,rgba(125,160,194,.06),transparent 60%)}.settings-page .plan-card__badge{position:absolute;top:-10px;right:16px;padding:3px 10px;background:var(--accent);color:var(--accent-text);font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:10px;letter-spacing:.22em;text-transform:uppercase;border-radius:999px}.settings-page .plan-card__name{font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:18px;color:var(--text-primary);letter-spacing:.02em;text-transform:capitalize}.settings-page .plan-card__price{display:flex;align-items:baseline;gap:4px}.settings-page .plan-card__price-num{font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:34px;color:var(--text-primary);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.settings-page .plan-card__price-unit{font-size:12px;color:var(--text-quiet)}.settings-page .plan-card__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;flex:1}.settings-page .plan-card__features li{font-size:12.5px;color:var(--text-soft);display:flex;align-items:center;gap:8px}.settings-page .plan-card__features li svg{width:13px;height:13px;color:var(--accent);flex-shrink:0}.settings-page .plan-card__features li strong{color:var(--text-primary);font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700}.settings-page .plan-card__cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 14px;border-radius:9px;font-size:13px;font-weight:700;transition:all .18s var(--ease);cursor:pointer;border:none;font-family:var(--font-asap),"Asap",sans-serif}.settings-page .plan-card__cta:disabled{cursor:default;pointer-events:none;opacity:.85}.settings-page .plan-card__cta.is-current-btn{background:var(--bg-elev-2);color:var(--text-quiet);border:1px solid var(--line-2)}.settings-page .plan-card__cta.is-upgrade{background:var(--accent);color:var(--accent-text);box-shadow:0 6px 18px -4px rgba(125,160,194,.4)}.settings-page .plan-card__cta.is-upgrade:hover{background:var(--accent-hi);transform:translateY(-1px)}.settings-page .plan-card__cta.is-downgrade{background:transparent;color:var(--text-soft);border:1px solid var(--line-2)}.settings-page .plan-card__cta.is-downgrade:hover{border-color:var(--text-quiet);color:var(--text-primary)}.settings-page .usage-block{display:flex;flex-direction:column;gap:14px}.settings-page .usage-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:12.5px}.settings-page .usage-row__left{color:var(--text-soft)}.settings-page .usage-row__left strong{font-variant-numeric:tabular-nums}.settings-page .usage-row__left strong,.settings-page .usage-row__pct{color:var(--text-primary);font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700}.settings-page .usage-row__pct{font-size:22px;font-variant-numeric:tabular-nums;line-height:1}.settings-page .usage-row__pct.is-warn{color:#d6885a}.settings-page .usage-row__pct.is-danger{color:var(--red)}.settings-page .usage-bar{height:10px;width:100%;background:var(--bg-canvas);border:1px solid var(--line-2);border-radius:999px;overflow:hidden}.settings-page .usage-bar__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-deep),var(--accent) 60%,var(--accent-hi));transition:width .5s var(--ease)}.settings-page .usage-bar.is-warn .usage-bar__fill{background:linear-gradient(90deg,var(--accent-deep),#d6885a)}.settings-page .usage-bar.is-danger .usage-bar__fill{background:linear-gradient(90deg,#d6885a,var(--red))}.settings-page .usage-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.settings-page .usage-stat{padding:14px 16px;background:var(--bg-canvas);border:1px solid var(--line-2);border-radius:10px}.settings-page .usage-stat__label{font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-quiet);font-weight:700;margin-bottom:5px;font-family:var(--font-asap),"Asap",sans-serif}.settings-page .usage-stat__value{font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:22px;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1.1}.settings-page .usage-stat.is-primary{background:linear-gradient(180deg,rgba(125,160,194,.07),transparent);border-color:rgba(125,160,194,.3)}.settings-page .usage-stat.is-primary .usage-stat__value{color:var(--accent)}.settings-page .pack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.settings-page .pack-card{padding:18px 18px 16px;background:var(--bg-canvas);border:1px solid var(--line-2);border-radius:12px;display:flex;flex-direction:column;gap:10px;transition:all .18s var(--ease)}.settings-page .pack-card:hover{border-color:var(--accent);transform:translateY(-2px)}.settings-page .pack-card__name{font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:14px;color:var(--text-primary);letter-spacing:.04em;text-transform:capitalize}.settings-page .pack-card__price{display:flex;align-items:baseline;gap:5px}.settings-page .pack-card__price-num{font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:24px;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1}.settings-page .pack-card__tokens{font-size:11.5px;color:var(--text-soft)}.settings-page .pack-card__detail{font-size:10.5px;color:var(--text-quiet)}.settings-page .pack-card__cta{margin-top:auto;padding:9px 14px;background:var(--bg-elev-2);border:1px solid var(--line-2);border-radius:8px;color:var(--text-body);font-size:12px;font-weight:700;transition:all .15s var(--ease);letter-spacing:.04em;cursor:pointer;text-align:center;font-family:var(--font-asap),"Asap",sans-serif}.settings-page .pack-card__cta:hover{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.settings-page .pack-card__cta:disabled{opacity:.6;cursor:not-allowed}.settings-page .tx-list{display:flex;flex-direction:column}.settings-page .tx-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.settings-page .tx-row:last-child{border-bottom:0}.settings-page .tx-row__icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-page .tx-row__icon svg{width:16px;height:16px;stroke-width:1.9}.settings-page .tx-row__icon.is-debit{background:rgba(217,107,107,.1);color:var(--red)}.settings-page .tx-row__icon.is-credit{background:rgba(106,190,122,.12);color:var(--green)}.settings-page .tx-row__body{flex:1;min-width:0}.settings-page .tx-row__desc{font-size:13.5px;color:var(--text-primary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-page .tx-row__meta{font-size:11.5px;color:var(--text-quiet);margin-top:2px}.settings-page .tx-row__amount{font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;flex-shrink:0}.settings-page .tx-row__amount.is-debit{color:var(--red)}.settings-page .tx-row__amount.is-credit{color:var(--green)}.settings-page .tx-empty{padding:40px 0;text-align:center;color:var(--text-muted);font-size:13.5px}.settings-page .pref-row{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--line)}.settings-page .pref-row:last-child{border-bottom:0}.settings-page .pref-row:first-child{padding-top:0}.settings-page .pref-row__label-block{padding-top:6px}.settings-page .pref-row__label{font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:15px;color:var(--text-primary);margin-bottom:5px}.settings-page .pref-row__desc{font-size:12.5px;color:var(--text-soft);line-height:1.5}.settings-page .f-select{position:relative;max-width:320px}.settings-page .f-select select{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-canvas);border:1px solid var(--line-2);border-radius:9px;padding:11px 36px 11px 14px;color:var(--text-primary);font-size:14px;cursor:pointer;outline:none;transition:border-color .18s var(--ease);font-family:var(--font-asap),"Asap",sans-serif}.settings-page .f-select select:focus{border-color:var(--accent)}.settings-page .f-select:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-25%) rotate(45deg);width:7px;height:7px;border-right:1.5px solid var(--text-quiet);border-bottom:1.5px solid var(--text-quiet);pointer-events:none}.settings-page .mode-group{display:flex;gap:12px;flex-wrap:wrap}.settings-page .mode-card{flex:1 1 220px;padding:14px 16px;background:var(--bg-canvas);border:1px solid var(--line-2);border-radius:11px;text-align:left;transition:all .18s var(--ease);cursor:pointer}.settings-page .mode-card:hover{border-color:var(--text-quiet)}.settings-page .mode-card.is-active{border-color:var(--accent);background:linear-gradient(180deg,rgba(125,160,194,.06),transparent)}.settings-page .mode-card__label{font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:14.5px;color:var(--text-primary);margin-bottom:3px;display:flex;align-items:center;gap:8px}.settings-page .mode-card.is-active .mode-card__label{color:var(--accent)}.settings-page .mode-card__desc{font-size:11.5px;color:var(--text-soft)}.settings-page .mode-card__tag{font-size:9px;padding:2px 6px;border-radius:4px;letter-spacing:.16em;font-weight:700;background:var(--bg-elev-2);color:var(--text-quiet);font-family:var(--font-asap),"Asap",sans-serif}.settings-page .mode-card.is-active .mode-card__tag{background:var(--accent-soft);color:var(--accent)}.settings-page .toggle-list{display:flex;flex-direction:column}.settings-page .toggle-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.settings-page .toggle-row:last-child{border-bottom:0}.settings-page .toggle-row:first-child{padding-top:4px}.settings-page .toggle-row__body{flex:1;min-width:0}.settings-page .toggle-row__label{font-size:14px;color:var(--text-primary);font-weight:600;margin-bottom:3px}.settings-page .toggle-row__desc{font-size:12px;color:var(--text-soft)}.settings-page .f-toggle{position:relative;width:38px;height:22px;background:var(--bg-elev-2);border-radius:999px;border:1px solid var(--line-2);transition:all .18s var(--ease);flex-shrink:0;cursor:pointer}.settings-page .f-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-muted);transition:all .18s var(--ease)}.settings-page .f-toggle.is-on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px -2px rgba(125,160,194,.5)}.settings-page .f-toggle.is-on:after{left:18px;background:var(--accent-text)}.settings-page .integ-card{padding:0;overflow:hidden}.settings-page .integ-card__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}.settings-page .integ-card__brand{display:flex;align-items:center;gap:14px}.settings-page .integ-card__logo{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:18px;flex-shrink:0}.settings-page .integ-card__logo.is-amazon{background:linear-gradient(135deg,#2c2014,#4a3520);color:#ffaa3d;box-shadow:inset 0 0 0 1px rgba(255,170,61,.25)}.settings-page .integ-card__logo.is-chrome{background:linear-gradient(135deg,#1a2438,#2a3a55);color:#6da6c7;box-shadow:inset 0 0 0 1px rgba(109,166,199,.25)}.settings-page .integ-card__title{font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:18px;color:var(--text-primary)}.settings-page .integ-card__sub{font-size:12px;color:var(--text-soft);margin-top:2px}.settings-page .integ-status{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.04em;flex-shrink:0}.settings-page .integ-status .dot{width:7px;height:7px;border-radius:50%}.settings-page .integ-status.is-connected{background:rgba(106,190,122,.12);color:var(--green);border:1px solid rgba(106,190,122,.35)}.settings-page .integ-status.is-connected .dot{background:var(--green);box-shadow:0 0 8px var(--green)}.settings-page .integ-status.is-disconnected{background:var(--bg-canvas);color:var(--text-quiet);border:1px solid var(--line-2)}.settings-page .integ-status.is-disconnected .dot{background:var(--text-faint)}.settings-page .integ-status.is-expired{background:rgba(214,136,90,.12);color:#d6885a;border:1px solid rgba(214,136,90,.35)}.settings-page .integ-status.is-expired .dot{background:#d6885a;box-shadow:0 0 8px #d6885a}.settings-page .integ-body{padding:22px 26px 26px}.settings-page .integ-body__desc{font-size:13px;color:var(--text-soft);line-height:1.55;max-width:620px;margin-bottom:18px}.settings-page .integ-cta{display:inline-flex;align-items:center;gap:9px;padding:11px 20px;background:var(--accent);color:var(--accent-text);border-radius:10px;font-size:13.5px;font-weight:700;box-shadow:0 6px 18px -4px rgba(125,160,194,.4);transition:all .18s var(--ease);cursor:pointer;border:none;font-family:var(--font-asap),"Asap",sans-serif;text-decoration:none}.settings-page .integ-cta:hover{background:var(--accent-hi);transform:translateY(-1px)}.settings-page .integ-cta.is-secondary{background:var(--bg-canvas);color:var(--text-body);border:1px solid var(--line-2);box-shadow:none}.settings-page .integ-cta.is-secondary:hover{border-color:var(--accent);color:var(--accent)}.settings-page .integ-connected{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-top:4px;flex-wrap:wrap}.settings-page .integ-connected__details{display:flex;flex-direction:column;gap:6px;min-width:0}.settings-page .integ-connected__line{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-soft)}.settings-page .integ-connected__line svg{width:13px;height:13px;color:var(--text-quiet)}.settings-page .integ-connected__line strong{color:var(--text-primary);font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700}.settings-page .integ-connected__actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.settings-page .btn-mini{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;border:1px solid var(--line-2);background:var(--bg-canvas);color:var(--text-soft);font-size:12px;font-weight:600;transition:all .15s var(--ease);cursor:pointer;font-family:var(--font-asap),"Asap",sans-serif}.settings-page .btn-mini:hover{border-color:var(--text-quiet);color:var(--text-primary)}.settings-page .btn-mini.is-danger{color:var(--red);border-color:rgba(217,107,107,.35)}.settings-page .btn-mini.is-danger:hover{background:rgba(217,107,107,.08);border-color:var(--red)}.settings-page .btn-mini svg{width:12px;height:12px;stroke-width:1.9}.settings-page .howto-block{padding:18px 20px;background:var(--bg-canvas);border:1px solid var(--line-2);border-radius:12px;margin-bottom:18px}.settings-page .howto-block__title{font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:13px;color:var(--text-primary);margin-bottom:14px;display:flex;align-items:center;gap:8px}.settings-page .howto-block__title svg{width:14px;height:14px;color:#6da6c7}.settings-page .howto-steps{display:flex;flex-direction:column;gap:11px}.settings-page .howto-step{display:flex;gap:12px;align-items:flex-start;font-size:12.5px;color:var(--text-soft);line-height:1.5}.settings-page .howto-step__num{width:20px;height:20px;border-radius:50%;background:rgba(109,166,199,.14);color:#6da6c7;font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:10.5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;border:1px solid rgba(109,166,199,.3)}.settings-page .howto-foot{margin-top:12px;font-size:10.5px;color:var(--text-quiet);font-style:italic;padding-top:12px;border-top:1px dashed var(--line-2)}.settings-page .expired-warn{margin-top:14px;padding:12px 14px;background:rgba(214,136,90,.08);border:1px solid rgba(214,136,90,.3);border-radius:9px;display:flex;align-items:flex-start;gap:10px}.settings-page .expired-warn svg{width:14px;height:14px;color:#d6885a;flex-shrink:0;margin-top:2px}.settings-page .expired-warn__title{font-size:12.5px;color:#d6885a;font-weight:700}.settings-page .expired-warn__desc{font-size:11.5px;color:var(--text-soft);margin-top:2px}.settings-page .coming-soon-card{padding:16px;border-radius:10px;border:1px dashed rgba(214,136,90,.4);background:rgba(214,136,90,.06)}.settings-page .coming-soon-card__title{font-size:13px;font-weight:700;color:#d6885a;margin-bottom:4px}.settings-page .coming-soon-card__desc{font-size:12px;color:var(--text-soft)}.settings-page .settings-loading{color:var(--text-muted)}.settings-page .settings-error,.settings-page .settings-loading{display:flex;align-items:center;justify-content:center;padding:60px 0}.settings-page .settings-error{flex-direction:column;text-align:center;gap:12px}.settings-page .settings-error__title{font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:20px;color:var(--text-primary)}.settings-page .settings-error__msg{font-size:13.5px;color:var(--text-soft)}.settings-page .settings-error .retry-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent);color:var(--accent-text);border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:all .18s var(--ease);font-family:var(--font-asap),"Asap",sans-serif}.settings-page .settings-error .retry-btn:hover{background:var(--accent-hi)}.settings-page .caveat-margin{font-family:var(--font-caveat),"Caveat",cursive;font-weight:500;font-size:16.5px;color:var(--accent);transform:rotate(-1.5deg);display:inline-block;padding:4px 12px;line-height:1.2}.settings-page .integ-coming-soon{margin-bottom:18px}@media (max-width:1200px){.settings-page .pack-grid,.settings-page .plan-grid,.settings-page .usage-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.settings-page .pref-row{gap:12px}.settings-page .field-grid,.settings-page .plan-grid,.settings-page .pref-row{grid-template-columns:1fr}.settings-page .pack-grid{grid-template-columns:repeat(2,1fr)}.settings-page .plan-summary{gap:12px 20px}}@media (max-width:600px){.settings-page .pack-grid{grid-template-columns:1fr}.settings-page .panel{padding:20px}.settings-page .usage-stats{grid-template-columns:repeat(2,1fr)}.settings-page .integ-card__head{flex-direction:column;align-items:flex-start}}