@font-face{font-family:Bravura;src:url(/assets/Bravura-CBWYXOFh.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Bravura Text;src:url(/assets/BravuraText-DFboV6xd.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--font-music: "Bravura", "Bravura Text", "Noto Music", "Segoe UI Symbol", "Arial Unicode MS", serif;--font-music-text: "Bravura Text", "Bravura", "Noto Music", "Segoe UI Symbol", "Arial Unicode MS", serif;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 28px;--ease: cubic-bezier(.2,.8,.2,1);--dur-1: .12s;--dur-2: .18s;--dur-3: .26s;--shadow-1: var(--shadow-soft);--shadow-2: var(--shadow-raised);--ring: 0 0 0 3px var(--focus-ring-color)}.ui-card{background:var(--surface);border:1px solid var(--surfaceBorder);border-radius:var(--r-xl);box-shadow:none}.ui-card--elev{box-shadow:var(--shadow-1)}.ui-card__hd{padding:var(--sp-6);border-bottom:1px solid var(--border-soft)}.ui-card__bd{padding:var(--sp-6)}.ui-btn{height:44px;padding:0 16px;border-radius:var(--r-md);border:1px solid transparent;background:var(--surface);color:var(--label);font:800 var(--text-md)/1 var(--font-sans);letter-spacing:.2px;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.ui-btn:hover{background:var(--surfaceHover)}.ui-btn:active{transform:translateY(1px)}.ui-btn:focus-visible{outline:none;box-shadow:var(--ring)}.ui-btn--primary{background:var(--accent-muted);border-color:var(--accent-border)}.ui-btn--primary:hover{background:var(--surface-active);border-color:var(--accent)}.ui-btn--ghost{background:transparent;border-color:transparent}.ui-btn--ghost:hover{background:var(--surfaceHover)}.ui-btn--pill{height:38px;border-radius:999px;padding:0 14px}.ui-iconbtn{width:38px;height:38px;border-radius:12px;border:1px solid transparent;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--icon);cursor:pointer}.ui-iconbtn:hover{background:var(--surfaceHover)}.ui-iconbtn:focus-visible{outline:none;box-shadow:var(--ring)}.ui-input{height:44px;width:100%;border-radius:var(--r-md);border:1px solid var(--surfaceBorder);background:var(--control-bg);color:var(--label);padding:0 14px;font:700 var(--text-md)/1 var(--font-sans);letter-spacing:.2px;outline:none;transition:border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.ui-input::placeholder{color:var(--muted2);font-weight:700}.ui-input:focus{box-shadow:var(--ring);border-color:var(--accent-border)}.ui-pill{height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--control-border);background:var(--control-bg);color:var(--label);font:800 var(--text-sm)/1 var(--font-sans);letter-spacing:.2px;display:inline-flex;align-items:center;gap:8px}.ui-noPageScroll{height:100vh;overflow:hidden}.seo-landmark{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}:root{color-scheme:dark;--bg: #0d1117;--card: rgba(255, 255, 255, .05);--cardBg: var(--bg);--cardBorder: rgba(255, 255, 255, .08);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .52);--label: rgba(255, 255, 255, .92);--icon: rgba(255, 255, 255, .84);--navBg: rgba(0, 0, 0, .22);--navBorder: rgba(255, 255, 255, .07);--surface: rgba(255, 255, 255, .03);--surfaceHover: rgba(255, 255, 255, .06);--surfaceBorder: rgba(255, 255, 255, .08);--muted2: rgba(255, 255, 255, .48);--dot: rgba(255, 255, 255, .22);--dotActive: rgba(96, 154, 234, .95);--accent: #4f7ece;--accent2: #345ca3;--switch-track: #39424f;--switch-on: #3b82f6;--midi-accent: #f2c94c;--btnBg: rgba(255, 255, 255, .08);--btnHover: rgba(255, 255, 255, .12);--radius: 16px;--shadow: 0 12px 40px rgba(0, 0, 0, .35);--bg-primary: var(--bg);--bg-secondary: #101821;--bg-surface: rgba(255, 255, 255, .05);--bg-elevated: rgba(255, 255, 255, .075);--bg-overlay: rgba(0, 0, 0, .66);--text-primary: var(--text);--text-secondary: var(--muted);--text-disabled: var(--muted2);--border: var(--surfaceBorder);--border-focus: rgba(70, 116, 198, .34);--accent-hover: #609aea;--accent-muted: rgba(79, 126, 206, .15);--accent-border: rgba(79, 126, 206, .32);--surface-hover: var(--surfaceHover);--surface-border: var(--surfaceBorder);--status-success: #3daa76;--status-warning: #e8a020;--status-error: #e25c5c;--surface-subtle: rgba(255, 255, 255, .018);--surface-raised: rgba(255, 255, 255, .075);--surface-active: rgba(79, 126, 206, .16);--surface-selected: rgba(79, 126, 206, .15);--border-soft: rgba(255, 255, 255, .05);--border-strong: rgba(255, 255, 255, .16);--control-bg: rgba(255, 255, 255, .04);--control-bg-hover: rgba(255, 255, 255, .08);--control-bg-active: rgba(79, 126, 206, .16);--control-border: rgba(255, 255, 255, .1);--control-border-strong: rgba(255, 255, 255, .18);--control-text: rgba(255, 255, 255, .92);--control-placeholder: rgba(255, 255, 255, .48);--control-thumb: #eaf2ff;--control-chevron: rgba(255, 255, 255, .7);--tempo-display: #ffffff;--tempo-display-shadow: 0 4px 12px rgba(0, 0, 0, .42);--text-muted: rgba(255, 255, 255, .62);--text-faint: rgba(255, 255, 255, .48);--text-on-accent: #ffffff;--text-on-strong: #ffffff;--active-text: rgba(255, 255, 255, .92);--active-text-strong: #dbe9ff;--overlay: rgba(0, 0, 0, .66);--focus-ring-color: rgba(70, 116, 198, .34);--shadow-color: rgba(0, 0, 0, .35);--shadow-soft: 0 10px 26px rgba(0, 0, 0, .22);--shadow-raised: 0 18px 52px rgba(0, 0, 0, .34);--paper: #ffffff;--paper-text: #17243a;--paper-muted: #637087;--paper-border: rgba(88, 104, 126, .18);--module-surface: rgba(18, 34, 82, .7);--module-surface-soft: rgba(14, 27, 72, .52);--module-surface-strong: rgba(8, 16, 30, .96);--module-border: rgba(121, 157, 255, .28);--module-border-soft: rgba(145, 175, 222, .1);--module-text: rgba(239, 245, 255, .97);--module-muted: rgba(202, 215, 245, .84);--module-faint: rgba(196, 211, 234, .7);--module-control: rgba(255, 255, 255, .04);--module-control-hover: rgba(255, 255, 255, .08);--module-shadow: 0 16px 40px rgba(3, 9, 27, .35);--game-hub-surface: rgba(18, 34, 82, .7);--ear-panel: linear-gradient(180deg, rgba(25, 44, 104, .48), rgba(13, 26, 70, .46));--ear-panel-soft: rgba(14, 27, 72, .52);--rhythm-panel: linear-gradient(180deg, rgba(25, 44, 104, .5), rgba(13, 26, 70, .46));--theme-backing-panel: rgba(12, 24, 42, .82);--theme-backing-panel-strong: rgba(14, 29, 50, .92);--theme-backing-line: rgba(210, 228, 255, .105);--game-hint-text: rgba(227, 238, 255, .94);--game-icon-surface: rgba(22, 43, 103, .54);--game-back-surface: rgba(21, 36, 88, .6);--game-empty-surface: linear-gradient(180deg, rgba(25, 44, 104, .44), rgba(13, 26, 70, .4));--game-tile-ear: linear-gradient(180deg, rgba(35, 45, 115, .62), rgba(18, 34, 82, .72));--game-tile-rhythm: linear-gradient(180deg, rgba(47, 49, 97, .62), rgba(18, 34, 82, .72));--game-tile-other: linear-gradient(180deg, rgba(37, 58, 91, .62), rgba(18, 34, 82, .72));--game-tile-active: linear-gradient(180deg, rgba(28, 52, 78, .62), rgba(18, 34, 82, .72));--ear-icon-surface: radial-gradient(130% 130% at 30% 20%, rgba(255, 255, 255, .08), rgba(23, 42, 98, .42) 52%, rgba(7, 14, 41, .56) 100%);--ear-time-text: rgba(214, 228, 255, .94);--ear-time-muted: rgba(190, 208, 244, .54);--game-tile-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 10px 22px rgba(3, 9, 27, .24);--game-icon-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 8px 18px rgba(0, 0, 0, .2);--ear-card-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 16px 40px rgba(3, 9, 27, .35);--ear-icon-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 12px 26px rgba(0, 0, 0, .24);--flash-control: rgba(255, 255, 255, .08);--flash-control-soft: rgba(255, 255, 255, .05);--flash-tabs: rgba(16, 35, 75, .44);--flash-text: rgba(243, 246, 252, .96);--flash-muted: rgba(219, 229, 242, .84);--flash-faint: rgba(209, 220, 236, .7);--flash-dock-bg: radial-gradient(120% 170% at 50% -70%, rgba(108, 148, 205, .08), rgba(108, 148, 205, .018) 44%, rgba(108, 148, 205, 0) 74%), linear-gradient(90deg, rgba(5, 9, 16, .22), rgba(17, 24, 35, .46) 18%, rgba(17, 24, 35, .46) 82%, rgba(5, 9, 16, .22)), linear-gradient(180deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .008));--flash-dock-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .018) 24%, rgba(255, 255, 255, .022) 50%, rgba(255, 255, 255, .018) 76%, rgba(255, 255, 255, 0));--flash-tab-muted: rgba(236, 241, 251, .92);--flash-next-muted: rgba(174, 188, 213, .68);--flash-settings-icon: rgba(238, 245, 255, .9);--flash-play-bg: radial-gradient(120% 170% at 50% -70%, rgba(108, 148, 205, .055), rgba(108, 148, 205, .014) 44%, rgba(108, 148, 205, 0) 74%), linear-gradient(180deg, rgba(17, 24, 35, .32), rgba(8, 14, 24, .28));--flash-play-hover-bg: radial-gradient(120% 170% at 50% -70%, rgba(125, 164, 220, .07), rgba(108, 148, 205, .018) 44%, rgba(108, 148, 205, 0) 74%), linear-gradient(180deg, rgba(20, 29, 42, .38), rgba(9, 15, 25, .3));--transport-play-bg: radial-gradient(120% 170% at 50% -70%, rgba(108, 148, 205, .055), rgba(108, 148, 205, .014) 44%, rgba(108, 148, 205, 0) 74%), linear-gradient(180deg, rgba(17, 24, 35, .32), rgba(8, 14, 24, .28));--transport-play-hover-bg: radial-gradient(120% 170% at 50% -70%, rgba(125, 164, 220, .07), rgba(108, 148, 205, .018) 44%, rgba(108, 148, 205, 0) 74%), linear-gradient(180deg, rgba(20, 29, 42, .38), rgba(9, 15, 25, .3));--transport-border: rgba(140, 165, 205, .12);--transport-border-hover: rgba(198, 216, 240, .2);--transport-dock-border: rgba(140, 165, 205, .07);--transport-divider: rgba(210, 228, 255, .045);--transport-text: rgba(246, 250, 255, .98);--transport-muted: rgba(198, 211, 230, .74);--transport-play-icon: rgba(250, 252, 255, .96);--transport-play-icon-active: rgba(250, 252, 255, .96);--metro-play-icon: #5fa8ff;--metro-hint: rgba(190, 202, 219, .72);--metro-hint-active: rgba(222, 236, 255, .92);--metro-time: rgba(246, 250, 255, .78);--metro-alt-icon: rgba(230, 238, 250, .78);--metro-beat-count: #5fa8ff;--metro-accent-count: color-mix(in srgb, var(--player-dot-accent-top) 48%, var(--player-dot-accent-bottom) 52%);--metro-ghost-count: rgba(113, 174, 230, .72);--metro-mute-count: rgba(198, 211, 230, .56);--metro-rhythm-notation: rgba(230, 238, 250, .86);--player-dot-accent-top: #8fd2ff;--player-dot-accent-bottom: #4ba3f4;--player-dot-accent-glow: rgba(83, 169, 246, .34);--player-dot-beat-top: #429bff;--player-dot-beat-bottom: #126fe8;--player-dot-beat-glow: rgba(45, 132, 255, .28);--player-dot-ghost-top: rgba(104, 170, 230, .72);--player-dot-ghost-bottom: rgba(62, 128, 198, .6);--player-dot-ghost-glow: rgba(83, 151, 216, .22);--player-dot-mute-bg: rgba(142, 158, 181, .16);--player-dot-mute-slash: rgba(198, 211, 230, .58);--transport-item-hover: rgba(255, 255, 255, .035);--transport-dock-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 14px 34px rgba(0, 0, 0, .16);--transport-dock-bg: radial-gradient(120% 170% at 50% -70%, rgba(108, 148, 205, .055), rgba(108, 148, 205, .014) 44%, rgba(108, 148, 205, 0) 74%), linear-gradient(90deg, rgba(5, 9, 16, .12), rgba(17, 24, 35, .3) 18%, rgba(17, 24, 35, .3) 82%, rgba(5, 9, 16, .12)), linear-gradient(180deg, rgba(255, 255, 255, .024), rgba(255, 255, 255, .006));--transport-dock-overlay: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .018) 24%, rgba(255, 255, 255, .022) 50%, rgba(255, 255, 255, .018) 76%, rgba(255, 255, 255, 0));--settings-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .014)), rgba(7, 14, 24, .68);--settings-panel-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 18px 45px rgba(0, 0, 0, .16);--settings-control-bg: rgba(2, 8, 16, .36);--settings-choice-bg: rgba(255, 255, 255, .018);--settings-choice-hover: rgba(255, 255, 255, .035);--settings-choice-text: rgba(255, 255, 255, .62);--commerce-page-bg: linear-gradient(115deg, rgba(8, 14, 26, .98) 0%, rgba(3, 7, 13, .99) 48%, rgba(10, 10, 10, 1) 100%), #05080d;--commerce-panel-bg: radial-gradient(circle at 50% 0%, rgba(245, 197, 66, .14), transparent 32%), linear-gradient(180deg, rgba(13, 20, 34, .92), rgba(6, 10, 18, .98));--commerce-text: #fff7ec;--commerce-muted: rgba(237, 241, 252, .72);--commerce-border: rgba(143, 157, 190, .18);--backing-surface: rgba(17, 24, 36, .66);--backing-surface-selected: rgba(17, 24, 36, .86);--backing-popup: rgba(9, 18, 32, .96);--backing-control-subtle: rgba(255, 255, 255, .045);--backing-control-hover: rgba(255, 255, 255, .08);--backing-divider: rgba(210, 228, 255, .045);--backing-text: rgba(238, 244, 255, .88);--backing-text-strong: rgba(248, 251, 255, .98);--backing-muted: rgba(198, 211, 230, .74);--backing-faint: rgba(168, 181, 202, .78);--library-bg: rgba(255, 255, 255, .02);--library-surface: rgba(255, 255, 255, .03);--library-border: rgba(255, 255, 255, .08);--library-border-strong: rgba(255, 255, 255, .12);--library-text: #f3f6fb;--library-muted: #a7b1c2;--library-faint: #6f7b8e;--player-chrome: rgba(8, 16, 30, .96);--player-chrome-soft: rgba(17, 30, 52, .6);--player-chrome-text: rgba(247, 250, 255, .98);--player-chrome-muted: rgba(196, 211, 234, .78);--player-transport-bg: rgba(10, 16, 25, .96);--exercise-transport-bg: linear-gradient(180deg, rgba(15, 27, 44, .92), rgba(11, 20, 34, .95));--player-control-bg: rgba(255, 255, 255, .038);--player-control-bg-strong: rgba(255, 255, 255, .075);--player-control-border: rgba(255, 255, 255, .075);--player-zoom-bg: rgba(13, 22, 36, .82);--player-zoom-border: rgba(167, 198, 236, .24);--player-zoom-shadow: 0 12px 28px rgba(3, 10, 24, .26);--player-thumb: #f8fbff;--lesson-nav-bg-start: #121316;--lesson-nav-bg-end: #0b0c0f;--lesson-nav-panel-bg: #202226;--lesson-nav-active-bg: #2a2c31;--lesson-nav-base-text: #f3f6fb;--lesson-nav-text: var(--player-chrome-text);--lesson-nav-title: rgba(246, 248, 251, .96);--lesson-nav-muted: rgba(222, 228, 236, .6);--lesson-nav-divider: rgba(255, 255, 255, .07);--lesson-nav-base-divider: rgba(255, 255, 255, .08);--lesson-nav-focus: rgba(255, 255, 255, .035);--lesson-nav-handle-bg: #24262b;--lesson-nav-handle-hover: #303238;--lesson-nav-handle-border: #34373d;--lesson-nav-handle-text: rgba(246, 248, 251, .72);--lesson-nav-dropdown-bg: rgba(12, 24, 44, .96);--lesson-nav-hover-bg: rgba(255, 255, 255, .055);--lesson-nav-base-hover-bg: rgba(255, 255, 255, .04);--lesson-nav-base-active-bg: rgba(70, 116, 198, .1);--lesson-nav-heart: rgba(244, 247, 250, .54);--lesson-nav-heart-active: rgba(255, 255, 255, .94);--lesson-nav-score-border: #25282d;--lesson-nav-score-dropdown-bg: #111215;--lesson-nav-score-dropdown-border: rgba(255, 255, 255, .09)}:root[data-theme=light]{color-scheme:light;--bg: #f4f5f7;--card: #ffffff;--cardBg: #ffffff;--cardBorder: #d8dde5;--text: #172033;--muted: #5f6b7a;--label: #172033;--icon: #5f6b7a;--navBg: #fafbfc;--navBorder: #d8dde5;--surface: #ffffff;--surfaceHover: #f0f2f5;--surfaceBorder: #d8dde5;--muted2: #9aa4b2;--dot: #c5cdd8;--dotActive: #3f6fb5;--accent: #3f6fb5;--accent2: #315f9f;--switch-track: #d6dbe4;--switch-on: #2563eb;--midi-accent: #f2c94c;--btnBg: #ffffff;--btnHover: #f0f2f5;--shadow: 0 12px 32px rgba(23, 32, 51, .1);--bg-primary: #f4f5f7;--bg-secondary: #eef1f4;--bg-surface: #ffffff;--bg-elevated: #f8f9fb;--bg-overlay: rgba(23, 32, 51, .34);--text-primary: #172033;--text-secondary: #5f6b7a;--text-disabled: #9aa4b2;--border: #d8dde5;--border-focus: rgba(63, 111, 181, .3);--accent-hover: #315f9f;--accent-muted: #eaf0f8;--accent-border: rgba(63, 111, 181, .32);--surface-hover: #f0f2f5;--surface-border: #d8dde5;--status-success: #237a55;--status-warning: #a66100;--status-error: #c43f4d;--surface-subtle: #f8f9fb;--surface-raised: #ffffff;--surface-active: #eaf0f8;--surface-selected: #eaf0f8;--border-soft: #e7eaf0;--border-strong: #c5cdd8;--control-bg: #ffffff;--control-bg-hover: #f0f2f5;--control-bg-active: #eaf0f8;--control-border: #d8dde5;--control-border-strong: #c5cdd8;--control-text: #172033;--control-placeholder: #778292;--control-thumb: #ffffff;--control-chevron: #5f6b7a;--tempo-display: #172033;--tempo-display-shadow: none;--text-muted: #778292;--text-faint: #9aa4b2;--text-on-accent: #ffffff;--text-on-strong: #ffffff;--active-text: #3f6fb5;--active-text-strong: #315f9f;--overlay: rgba(23, 32, 51, .34);--focus-ring-color: rgba(63, 111, 181, .3);--shadow-color: rgba(23, 32, 51, .16);--shadow-soft: 0 10px 26px rgba(23, 32, 51, .1);--shadow-raised: 0 18px 52px rgba(23, 32, 51, .16);--paper: #ffffff;--paper-text: #17243a;--paper-muted: #637087;--paper-border: #d8dde5;--module-surface: #ffffff;--module-surface-soft: #f8f9fb;--module-surface-strong: #ffffff;--module-border: #d8dde5;--module-border-soft: #e7eaf0;--module-text: #172033;--module-muted: #5f6b7a;--module-faint: #778292;--module-control: #f8f9fb;--module-control-hover: #f0f2f5;--module-shadow: 0 16px 40px rgba(23, 32, 51, .1);--game-hub-surface: #ffffff;--ear-panel: linear-gradient(180deg, #ffffff, #f8f9fb);--ear-panel-soft: #f8f9fb;--rhythm-panel: linear-gradient(180deg, #ffffff, #f8f9fb);--theme-backing-panel: #ffffff;--theme-backing-panel-strong: #f8f9fb;--theme-backing-line: #e7eaf0;--game-hint-text: #5f6b7a;--game-icon-surface: #f8f9fb;--game-back-surface: #ffffff;--game-empty-surface: linear-gradient(180deg, #ffffff, #f8f9fb);--game-tile-ear: linear-gradient(180deg, #ffffff, #f8f9fb);--game-tile-rhythm: linear-gradient(180deg, #ffffff, #f8f9fb);--game-tile-other: linear-gradient(180deg, #ffffff, #f8f9fb);--game-tile-active: linear-gradient(180deg, #ffffff, #f8f9fb);--ear-icon-surface: radial-gradient(130% 130% at 30% 20%, rgba(63, 111, 181, .1), #ffffff 52%, #f8f9fb 100%);--ear-time-text: #5f6b7a;--ear-time-muted: #9aa4b2;--game-tile-shadow: 0 10px 22px rgba(23, 32, 51, .1);--game-icon-shadow: 0 8px 18px rgba(23, 32, 51, .08);--ear-card-shadow: 0 16px 40px rgba(23, 32, 51, .1);--ear-icon-shadow: 0 12px 26px rgba(23, 32, 51, .1);--flash-control: #ffffff;--flash-control-soft: #f8f9fb;--flash-tabs: #ffffff;--flash-text: #172033;--flash-muted: #5f6b7a;--flash-faint: #778292;--flash-dock-bg: linear-gradient(180deg, #ffffff, #f8f9fb);--flash-dock-overlay: linear-gradient(90deg, transparent, rgba(63, 111, 181, .04) 50%, transparent);--flash-tab-muted: #5f6b7a;--flash-next-muted: #778292;--flash-settings-icon: #5f6b7a;--flash-play-bg: linear-gradient(180deg, #ffffff, #eef1f4);--flash-play-hover-bg: linear-gradient(180deg, #ffffff, #eaf0f8);--transport-play-bg: linear-gradient(180deg, #ffffff, #eef1f4);--transport-play-hover-bg: linear-gradient(180deg, #ffffff, #eaf0f8);--transport-border: #d8dde5;--transport-border-hover: #c5cdd8;--transport-dock-border: #e7eaf0;--transport-divider: #e7eaf0;--transport-text: #172033;--transport-muted: #778292;--transport-play-icon: #3f6fb5;--transport-play-icon-active: #ffffff;--metro-play-icon: #146ff5;--metro-hint: #778292;--metro-hint-active: #3f6fb5;--metro-time: #5f6b7a;--metro-alt-icon: #5f6b7a;--metro-beat-count: #146ff5;--metro-accent-count: color-mix(in srgb, var(--player-dot-accent-top) 48%, var(--player-dot-accent-bottom) 52%);--metro-ghost-count: #6598ca;--metro-mute-count: #9aa4b2;--metro-rhythm-notation: #111827;--player-dot-accent-top: #86ceff;--player-dot-accent-bottom: #45a3f7;--player-dot-accent-glow: rgba(69, 163, 247, .28);--player-dot-beat-top: #3d98ff;--player-dot-beat-bottom: #0d6ef2;--player-dot-beat-glow: rgba(20, 111, 245, .24);--player-dot-ghost-top: #b9ddff;--player-dot-ghost-bottom: #86bff0;--player-dot-ghost-glow: rgba(95, 163, 220, .22);--player-dot-mute-bg: rgba(154, 164, 178, .18);--player-dot-mute-slash: rgba(95, 107, 122, .66);--transport-item-hover: rgba(63, 111, 181, .055);--transport-dock-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 12px 30px rgba(23, 32, 51, .09);--transport-dock-bg: linear-gradient(180deg, #ffffff, #f8f9fb);--transport-dock-overlay: linear-gradient(90deg, transparent, rgba(63, 111, 181, .04) 50%, transparent);--settings-panel-bg: #ffffff;--settings-panel-shadow: 0 18px 45px rgba(23, 32, 51, .1);--settings-control-bg: #f8f9fb;--settings-choice-bg: #ffffff;--settings-choice-hover: #f0f2f5;--settings-choice-text: #5f6b7a;--commerce-page-bg: #f4f5f7;--commerce-panel-bg: radial-gradient(circle at 50% 0%, rgba(245, 197, 66, .1), transparent 36%), #ffffff;--commerce-text: #172033;--commerce-muted: #5f6b7a;--commerce-border: #d8dde5;--backing-surface: #ffffff;--backing-surface-selected: #eaf0f8;--backing-popup: #ffffff;--backing-control-subtle: #f8f9fb;--backing-control-hover: #f0f2f5;--backing-divider: #e7eaf0;--backing-text: #172033;--backing-text-strong: #172033;--backing-muted: #5f6b7a;--backing-faint: #778292;--library-bg: #ffffff;--library-surface: #f8f9fb;--library-border: #d8dde5;--library-border-strong: #c5cdd8;--library-text: #172033;--library-muted: #5f6b7a;--library-faint: #778292;--player-chrome: #ffffff;--player-chrome-soft: #eef1f4;--player-chrome-text: #172033;--player-chrome-muted: #5f6b7a;--player-transport-bg: #ffffff;--exercise-transport-bg: #ffffff;--player-control-bg: #f8f9fb;--player-control-bg-strong: #eef1f4;--player-control-border: #d8dde5;--player-zoom-bg: #ffffff;--player-zoom-border: #d8dde5;--player-zoom-shadow: 0 12px 28px rgba(23, 32, 51, .12);--player-thumb: #ffffff;--lesson-nav-bg-start: #ffffff;--lesson-nav-bg-end: #f8f9fb;--lesson-nav-panel-bg: #f8f9fb;--lesson-nav-active-bg: #eaf0f8;--lesson-nav-base-text: #172033;--lesson-nav-text: #172033;--lesson-nav-title: #172033;--lesson-nav-muted: #778292;--lesson-nav-divider: #e7eaf0;--lesson-nav-base-divider: #e7eaf0;--lesson-nav-focus: rgba(63, 111, 181, .2);--lesson-nav-handle-bg: #ffffff;--lesson-nav-handle-hover: #f0f2f5;--lesson-nav-handle-border: #c5cdd8;--lesson-nav-handle-text: #5f6b7a;--lesson-nav-dropdown-bg: #ffffff;--lesson-nav-hover-bg: #f0f2f5;--lesson-nav-base-hover-bg: #f0f2f5;--lesson-nav-base-active-bg: #eaf0f8;--lesson-nav-heart: #778292;--lesson-nav-heart-active: #3f6fb5;--lesson-nav-score-border: #e7eaf0;--lesson-nav-score-dropdown-bg: #ffffff;--lesson-nav-score-dropdown-border: #e7eaf0}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}.metronome{width:min(560px,92vw);margin:18px auto 14px;padding:18px 18px 16px;border:1px solid var(--cardBorder);border-radius:var(--radius);background:var(--card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);text-align:center}.beat-number{font-size:56px;font-weight:800;color:var(--accent);margin:6px 0 10px}.beat-count{display:flex;justify-content:center;gap:12px;margin:6px 0 10px;color:var(--muted);font-weight:700;letter-spacing:.4px}.beat-count__n{font-size:16px;transform:translateY(0);transition:transform .12s ease,color .12s ease,opacity .12s ease;opacity:.65}.beat-count__n.active{color:var(--accent);opacity:1;transform:translateY(-1px) scale(1.15)}.beat-dots{display:flex;justify-content:center;align-items:center;gap:28px;margin:25px 0 26px;min-height:32px}.dot{width:29px;height:25px;border-radius:999px;background:var(--dot);transform-origin:center;transform:scale(1);transition:transform .12s ease,background .12s ease}.dot.active{background:var(--dotActive);transform:scale(1.32)}.bpm{font-size:40px;font-weight:800;letter-spacing:.2px;margin:8px 0}.controls{display:grid;grid-template-columns:64px 1fr 64px;align-items:center;gap:14px;margin:0 0 14px}.btn-round{width:64px;height:46px;border-radius:12px;border:1px solid var(--cardBorder);background:var(--btnBg);color:var(--text);cursor:pointer;font-size:16px;transition:background .15s ease,transform .12s ease}.btn-round:hover{background:var(--btnHover)}.controls input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:999px;background:linear-gradient(90deg,#4674c6e6,#345696e6);outline:none;opacity:.95}.controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:999px;background:var(--control-thumb);border:2px solid var(--accent);box-shadow:0 6px 18px var(--shadow-color);cursor:pointer}.controls input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:999px;background:var(--control-thumb);border:2px solid var(--accent);box-shadow:0 6px 18px var(--shadow-color);cursor:pointer}.selectors{display:flex;justify-content:center;gap:12px;margin:8px 0 10px;flex-wrap:wrap}.selectors label{display:grid;gap:6px;font-size:13px;color:var(--muted);text-align:left;min-width:160px}.selectors select{height:38px;padding:0 10px;border:1px solid var(--cardBorder);border-radius:12px;background:var(--control-bg);color:var(--text);outline:none}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.main-btn{height:46px;border-radius:12px;border:1px solid var(--cardBorder);background:var(--accent-muted);color:var(--text);cursor:pointer;font-size:15px;letter-spacing:.5px;transition:transform .12s ease,background .15s ease}.main-btn:hover{background:var(--surface-active)}.main-btn:active{transform:translateY(1px)}.secondary-btn{height:46px;border-radius:12px;border:1px solid var(--cardBorder);background:var(--control-bg);color:var(--text);cursor:pointer;font-size:15px;transition:transform .12s ease,background .15s ease}.secondary-btn:hover{background:var(--control-bg-hover)}.secondary-btn:active{transform:translateY(1px)}.helper{margin-top:6px;font-size:12px;color:var(--muted)}.toggles{display:flex;justify-content:center;gap:12px;margin-top:14px}.toggle-btn{height:42px;min-width:72px;padding:0 14px;border-radius:12px;border:1px solid var(--control-border);background:var(--control-bg);color:var(--control-text);cursor:pointer;font-size:16px;transition:transform .12s ease,background .15s ease,border-color .15s ease}.toggle-btn:hover{background:var(--control-bg-hover)}.toggle-btn:active{transform:translateY(1px)}.toggle-btn.on{border-color:var(--accent-border);background:var(--accent-muted)}.selectors select{color-scheme:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none}.selectors option{background-color:var(--bg-surface);color:var(--control-text)}.selectors select{background-image:linear-gradient(45deg,transparent 50%,var(--control-chevron) 50%),linear-gradient(135deg,var(--control-chevron) 50%,transparent 50%),linear-gradient(to right,var(--control-border),var(--control-border));background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%,calc(100% - 42px) 50%;background-size:6px 6px,6px 6px,1px 60%;background-repeat:no-repeat;padding-right:44px}.btn-round.small{height:34px;font-size:14px;opacity:.85}.toggle-btn.disabled{opacity:.45;cursor:not-allowed}.selectors input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:999px;background:linear-gradient(90deg,#4674c6e6,#345696e6);outline:none;opacity:.95}.selectors input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:999px;background:#eaf2ff;border:2px solid rgba(70,116,198,.9);box-shadow:0 6px 18px #00000040;cursor:pointer}.header-controls{display:flex;flex-direction:column;align-items:center;gap:6px;margin:10px 0 6px}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.8}to{transform:scale(1.3);opacity:1}}.dot.active{animation:pulse .12s ease-out;box-shadow:0 0 20px var(--dotActive)}.dot.swing{border:2px solid rgba(255,255,255,.3)}.practice-info{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding:10px;border-top:1px solid var(--cardBorder)}.practice-time{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.btn-reset-time{background:none;border:none;color:var(--accent);cursor:pointer;font-size:18px;padding:2px 6px;border-radius:4px;transition:background .15s ease}.btn-reset-time:hover{background:#ffffff1a}.extra-controls{display:flex;gap:8px}.toggle-btn.small{height:36px;min-width:40px;padding:0 8px;font-size:14px}.preset-tempos{display:flex;justify-content:center;gap:8px;margin:15px 0;flex-wrap:wrap}.preset-btn{height:36px;min-width:60px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffffeb;cursor:pointer;font-size:14px;font-weight:600;transition:all .15s ease}.preset-btn:hover{background:#ffffff1a;transform:translateY(-1px)}.preset-btn.active{color:#fff;font-weight:700}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--card);border:1px solid var(--cardBorder);border-radius:var(--radius);padding:24px;width:min(500px,90vw);max-height:80vh;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal h3{margin-top:0;color:var(--accent)}.secondary-btn.on{background:var(--accent)!important;color:#fff!important;transition:background .1s ease}.dot{transition:transform .12s cubic-bezier(.34,1.56,.64,1),background .12s ease,box-shadow .12s ease}.header-controls{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:10px}.global-controls{display:flex;gap:8px;margin-top:5px}.beat-number.style-change{animation:subtlePulse .4s ease-out}@keyframes subtlePulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.dot{border:none!important;outline:none!important}.toggle-btn{height:52px;border-radius:16px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.toggle-btn{min-width:108px;padding:0 18px}.toggle-btn.on{color:var(--text)!important;border-width:1px}.toggle-btn:hover{filter:brightness(1.06)}.segmented{display:inline-flex;align-items:center;gap:0;padding:6px;border-radius:999px;background:#00000047;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.seg-btn{border:0;background:transparent;color:#ffffffe0;font-weight:700;letter-spacing:.5px;padding:14px 22px;border-radius:999px;cursor:pointer}.seg-btn.is-active{background:#3c96ff47;border:1px solid rgba(120,190,255,.35);box-shadow:0 10px 30px #00000040}:root{--bottom-nav-h: 86px;--sidebar-open-w: 220px;--sidebar-collapsed-w: 72px;--sidebar-transition: .22s cubic-bezier(.2, .8, .2, 1)}.with-bottom-nav{padding-bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom))}.app-shell{height:100vh;min-width:1024px;overflow:hidden;display:grid;grid-template-columns:var(--sidebar-open-w) minmax(0,1fr);align-items:stretch;transition:grid-template-columns var(--sidebar-transition)}.app-shell.is-sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-w) minmax(0,1fr)}.app-shell.is-auth-route,.app-shell.is-shell-focus{grid-template-columns:1fr}.app-nav{position:sticky;top:0;height:100vh;width:auto;padding:22px 18px;border-right:1px solid var(--navBorder);background:var(--navBg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;overflow:visible;transition:padding var(--sidebar-transition),width var(--sidebar-transition)}.brand{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:6px;padding:6px 0 16px;min-width:0;transition:padding var(--sidebar-transition),gap var(--sidebar-transition)}.app-nav-toggle{grid-column:2;grid-row:1;position:relative;width:34px;height:34px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-secondary, var(--muted));cursor:pointer;display:grid;place-items:center;padding:0;transition:background var(--sidebar-transition),border-color var(--sidebar-transition),color var(--sidebar-transition),box-shadow var(--sidebar-transition),opacity var(--sidebar-transition)}.app-nav-toggle__mark,.app-nav-toggle__icon{grid-area:1 / 1;transition:opacity .14s ease,transform .14s ease}.app-nav-toggle__mark{opacity:0;transform:scale(.92);background:linear-gradient(135deg,var(--bd-beat-top, #7fd4ff) 0%,#3a9bf5 50%,var(--bd-beat-bottom, #1560e6) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:32px;font-weight:800;line-height:1}.app-nav-toggle__icon{opacity:1;transform:scale(1)}.app-nav-toggle:hover{background:var(--surfaceHover);color:var(--text-primary, var(--label));box-shadow:0 0 0 1px var(--accent-border)}.brand__title{grid-column:1;grid-row:1;width:fit-content;max-width:100%;padding:0;border:0;background-color:transparent;font-size:26px;font-family:inherit;font-weight:900;letter-spacing:.2px;background:linear-gradient(90deg,var(--bd-beat-top, rgba(95, 170, 255, .95)),var(--bd-beat-bottom, rgba(45, 125, 240, .95)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;line-height:1;min-width:0;overflow:hidden;white-space:nowrap;text-align:left;cursor:pointer;transition:opacity var(--sidebar-transition),transform var(--sidebar-transition),visibility var(--sidebar-transition),width var(--sidebar-transition)}.brand__title:focus-visible{border-radius:6px;outline:2px solid var(--accent);outline-offset:5px}.brand__subtitle{font-size:12px;color:var(--muted2);letter-spacing:.2px}.side-nav{display:grid;gap:8px;margin-top:8px}.side-nav--secondary{margin-top:auto;padding-top:14px;border-top:1px solid var(--navBorder)}.app-nav-footer{display:grid;gap:8px;margin-top:auto;min-width:0}.side-btn{position:relative;height:48px;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--label);cursor:pointer;display:flex;align-items:center;gap:10px;padding:0 12px 1px;font-weight:500;text-align:left;line-height:1.15;min-width:0;transition:background var(--sidebar-transition),border-color var(--sidebar-transition),color var(--sidebar-transition),gap var(--sidebar-transition),padding var(--sidebar-transition),width var(--sidebar-transition)}.side-btn:hover{background:var(--surfaceHover)}.side-btn.is-active{border-color:transparent;background:var(--accent-muted);color:var(--active-text)}.side-btn.is-active .nav-ico{color:var(--accent)}.side-btn.is-active:hover{background:var(--surface-active)}.side-btn--analysis,.side-btn--analysis .nav-ico{color:#8b5cf6}.side-btn--analysis:hover{background:#8b5cf61f}.side-btn--analysis.is-active{background:#8b5cf629;color:#7c3aed}.side-btn--analysis.is-active .nav-ico{color:#7c3aed}.side-btn--analysis.is-active:hover{background:#8b5cf638}.nav-ico{width:20px;height:20px;color:var(--icon);flex:0 0 auto}.nav-label{display:block;line-height:1.2;padding-bottom:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px;opacity:1;transition:max-width var(--sidebar-transition),opacity .14s ease,padding var(--sidebar-transition),transform var(--sidebar-transition)}.app-main{height:100vh;overflow-y:auto;padding:18px;min-width:0}.app-shell.is-sidebar-collapsed .app-nav{padding:18px 12px}.app-shell.is-sidebar-collapsed .brand{grid-template-columns:1fr;justify-items:center;gap:0;padding:4px 0 18px}.app-shell.is-sidebar-collapsed .app-nav-toggle{grid-column:auto;grid-row:auto}.app-shell.is-sidebar-collapsed .app-nav-toggle__mark{opacity:1;transform:scale(1)}.app-shell.is-sidebar-collapsed .app-nav-toggle__icon{opacity:0;transform:scale(.92)}.app-shell.is-sidebar-collapsed .app-nav-toggle:hover .app-nav-toggle__mark,.app-shell.is-sidebar-collapsed .app-nav-toggle:focus-visible .app-nav-toggle__mark{opacity:0;transform:scale(.92)}.app-shell.is-sidebar-collapsed .app-nav-toggle:hover .app-nav-toggle__icon,.app-shell.is-sidebar-collapsed .app-nav-toggle:focus-visible .app-nav-toggle__icon{opacity:1;transform:scale(1)}.app-shell.is-sidebar-collapsed .brand__title{width:0;height:0;opacity:0;visibility:hidden;transform:translate(-6px)}.app-shell.is-sidebar-collapsed .side-nav,.app-shell.is-sidebar-collapsed .app-nav-footer{justify-items:center}.app-shell.is-sidebar-collapsed .side-btn{width:48px;justify-content:center;gap:0;padding:0}.app-shell.is-sidebar-collapsed .side-btn.is-active{border-color:transparent;background:var(--accent-muted);color:var(--accent)}.app-shell.is-sidebar-collapsed .nav-label{max-width:0;opacity:0;padding:0;transform:translate(-4px)}.app-shell.is-sidebar-collapsed .side-btn[data-label]:after{content:attr(data-label);position:absolute;left:calc(100% + 10px);top:50%;z-index:10020;max-width:220px;padding:7px 10px;border:1px solid var(--control-border);border-radius:9px;background:var(--module-surface-strong);box-shadow:var(--shadow-soft);color:var(--text-primary, var(--label));font-size:12px;font-weight:500;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(2px,-50%) scale(.98);transition:opacity .12s ease,transform .12s ease}.app-shell.is-sidebar-collapsed .side-btn[data-label]:hover:after,.app-shell.is-sidebar-collapsed .side-btn[data-label]:focus-visible:after{opacity:1;transform:translateY(-50%) scale(1)}.app-main.is-games{padding:0}.app-main.is-pricing{padding:0;overflow:hidden}.app-main.is-repertoire{padding:0;height:100vh;overflow:hidden}.app-shell.is-shell-focus .app-main.is-repertoire{padding:18px;overflow-y:auto;overflow-x:hidden}.app-shell.is-shell-focus .app-main.is-repertoire.is-score-practice-active{padding:0;overflow:hidden}.page{max-width:980px;margin:18px auto 24px;padding:0 8px}.page__header{padding:8px 6px 18px}.page__title{font-size:44px;font-weight:900;letter-spacing:.2px;line-height:1.05}.page__subtitle{margin-top:6px;color:var(--muted);font-weight:700}.card{position:relative;border:1px solid var(--cardBorder);border-radius:28px;background:var(--card);box-shadow:var(--shadow);padding:18px;margin:0 0 14px;overflow:visible}.card:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(circle at 18% 12%,var(--surface-subtle),transparent 62%);opacity:.06;pointer-events:none}.card>*{position:relative;z-index:1}.card--stacked{padding:0}.card__section{padding:18px}.card__section+.card__section{border-top:1px solid color-mix(in srgb,var(--cardBorder) 65%,transparent)}.card__title{font-size:22px;font-weight:900}.card__hint{margin-top:6px;color:var(--muted);font-weight:700}.card__note{margin-top:12px;color:var(--muted);font-size:12px}.settings-subLabel{margin-bottom:8px}.seg{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.settings-languageSelect{position:relative;margin-top:12px;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(180px,240px) auto;align-items:center;gap:12px;min-height:72px;padding:14px 16px;border-radius:18px;border:1px solid var(--surfaceBorder);background:radial-gradient(circle at 14% 10%,var(--surface-raised),transparent 42%),var(--surface);transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.settings-languageSelect:hover{background:var(--surfaceHover)}.settings-languageSelect:focus-within{border-color:var(--accent-border);box-shadow:var(--ring)}.settings-languageSelect__icon{width:42px;height:42px;border-radius:14px;border:1px solid var(--control-border);background:var(--control-bg);color:var(--label);display:grid;place-items:center}.settings-languageSelect__icon svg{width:20px;height:20px}.settings-languageSelect__flag{font-size:20px;line-height:1}.settings-languageSelect__copy{display:grid;gap:4px;min-width:0}.settings-languageSelect__label{font-size:14px;font-weight:900;color:var(--label)}.settings-languageSelect__hint{color:var(--muted);font-size:12px;line-height:1.4}.settings-languageSelect__control{width:100%;min-height:46px;padding:0 42px 0 14px;border-radius:14px;border:1px solid var(--surfaceBorder);background:var(--control-bg);color:var(--label);appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none}.settings-languageSelect__control:focus{border-color:var(--accent-border)}.settings-languageSelect__chevron{position:absolute;right:30px;width:18px;height:18px;color:var(--muted);pointer-events:none}.settings-languageSelect__chevron svg{width:100%;height:100%}.seg--compact{margin-top:6px;gap:6px;width:fit-content}.seg__btn{height:46px;border-radius:14px;border:1px solid var(--surfaceBorder);background:var(--surface);color:var(--label);font-weight:900;cursor:pointer}.seg__btn:hover{background:var(--surfaceHover)}.seg__btn.is-active{border-color:var(--accent-border);background:var(--accent-muted);color:var(--active-text)}.seg--compact .seg__btn{height:30px;border-radius:999px;font-size:12px;font-weight:800;padding:0 12px}.seg--compact .seg__btn.is-active{border-color:var(--accent);background:var(--accent-muted);color:var(--active-text-strong)}.seg__btn.is-disabled{opacity:.45;cursor:not-allowed}.settings-inlineGrid{margin-top:8px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:center}.settings-actionBtn,.settings-dangerBtn{min-height:42px;border-radius:14px;border:1px solid var(--accent-border);background:var(--accent-muted);color:var(--label);font-weight:800;font-size:12px;letter-spacing:.2px;padding:10px 14px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.settings-actionBtn:hover,.settings-dangerBtn:hover{background:var(--surface-active);border-color:var(--accent)}.settings-actionBtn:active,.settings-dangerBtn:active{transform:translateY(1px)}.settings-actionBtn:disabled{opacity:.55;cursor:not-allowed}.settings-dangerBtn{width:100%;margin-top:14px;min-height:46px;border-color:color-mix(in srgb,var(--status-error) 35%,transparent);background:color-mix(in srgb,var(--status-error) 12%,transparent);color:var(--status-error);font-weight:900}.settings-dangerBtn:hover{background:color-mix(in srgb,var(--status-error) 18%,transparent);border-color:color-mix(in srgb,var(--status-error) 50%,transparent)}.settings-commandRow .settings-dangerBtn{width:auto;margin-top:0}.coach-label{margin-top:12px;font-weight:800}.coach-choice{margin-top:6px;width:fit-content}.coach-pro{display:inline-flex;align-items:center;gap:6px}.coach-crown{width:12px;height:12px;color:#f5c542}.coach-tagline{margin-top:6px;white-space:pre-line}.field{display:grid;gap:8px;margin-top:14px}.field__label{font-size:13px;color:var(--muted);font-weight:800}.field__input{height:44px;border-radius:14px;border:1px solid var(--surfaceBorder);background:var(--surface);color:var(--label);padding:0 12px;outline:none}.field__input:focus{border-color:var(--accent-border);box-shadow:var(--ring)}.kv{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--navBorder)}.kv__label{color:var(--muted);font-weight:800}.kv__value{color:var(--label);font-weight:900}.kv__value--with-icon{display:inline-flex;align-items:center;gap:8px}.kv__icon{color:var(--muted)}.switch{position:relative;width:44px;height:26px;padding:0;border:none;background:transparent;cursor:pointer}.switch.is-disabled{opacity:.45;cursor:not-allowed}.switch__track{position:absolute;inset:0;border-radius:999px;background:var(--switch-track);transition:background .18s ease}.switch__thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #00000052;transition:transform .18s ease}.switch.is-on .switch__track{background:var(--switch-on)}.switch.is-on .switch__thumb{transform:translate(18px)}[data-midi-option].switch.is-on .switch__track,[data-midi-option] .switch.is-on .switch__track{background:var(--midi-accent)}.settings-modal__overlay{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:80;padding:20px}.settings-modal{width:min(520px,92vw);border-radius:16px;border:1px solid var(--surfaceBorder);background:var(--bg-elevated);box-shadow:var(--shadow-raised);padding:16px}.settings-modal__title{font-weight:900;margin-bottom:10px}.settings-modal__body{color:var(--muted);line-height:1.5}.settings-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.settings-modal__btn{height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--surfaceBorder);background:var(--surface);color:var(--label);font-weight:800;cursor:pointer}.settings-modal__btn--danger{border-color:color-mix(in srgb,var(--status-error) 35%,transparent);background:color-mix(in srgb,var(--status-error) 12%,transparent);color:var(--status-error)}.row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.pill{height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--surfaceBorder);background:var(--surface);color:var(--label);font-weight:900;cursor:pointer}.pill:hover{background:var(--surfaceHover)}.pill.is-active{border-color:var(--accent-border);background:var(--accent-muted);color:var(--accent)}.game-chord{font-size:clamp(76px,9vw,140px);font-weight:900;letter-spacing:.5px;margin:6px 0 10px;-webkit-user-select:none;user-select:none}.game-chord.is-tappable{cursor:pointer}.game-upnext{margin:8px 0 14px}.game-upnext-label{font-size:18px;color:var(--text-muted);font-weight:700;margin-bottom:6px}.game-upnext-chord{font-size:54px;font-weight:900;opacity:.95}.game-actions{display:flex;justify-content:center;gap:12px;margin:10px 0}.game-btn{height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--surfaceBorder);color:var(--label);font-weight:800;cursor:pointer}.game-btn--start{background:#21a355;color:#fff;border-color:transparent}.game-btn--stop{background:#cf3b45;color:#fff;border-color:transparent}.game-btn--neutral{background:var(--control-bg)}.game-status{color:var(--text-muted);font-weight:700;font-size:13px;margin-bottom:10px}.game-settings{margin-top:10px;text-align:left;border:1px solid var(--surfaceBorder);border-radius:14px;background:var(--surface-subtle);padding:10px 12px}.game-settings summary{cursor:pointer;font-weight:900;color:var(--label)}.game-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:12px}.game-grid{grid-template-columns:1fr 1fr}.game-block--wide{grid-column:1 / -1}.game-block{display:grid;gap:10px}.game-title{font-weight:900;color:var(--label)}.game-muted{color:var(--text-muted);font-size:13px}.game-radio{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;color:var(--label);font-weight:700}.game-block select{height:40px;padding:0 10px;border:1px solid var(--surfaceBorder);border-radius:12px;background:var(--control-bg);color:var(--label);outline:none}.game-preset-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.pill{display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--surfaceBorder);background:var(--control-bg);color:var(--label);font-weight:900;cursor:pointer}.pill--on{border-color:#21a3558c;background:#21a3552e}.game-cols{display:grid;grid-template-columns:1fr;gap:12px}.game-cols{grid-template-columns:1fr 1fr}.game-subtitle{font-weight:900;margin:6px 0 8px;color:var(--label)}.game-check{display:flex;align-items:center;gap:10px;color:var(--label);font-weight:700;margin:6px 0}.game-advanced-toggle{margin-top:10px;border:1px solid var(--surfaceBorder);background:var(--control-bg);color:var(--label);border-radius:12px;height:38px;padding:0 12px;font-weight:900;cursor:pointer}.game-options{margin-top:10px}.flashchord-bpm{margin-top:8px;font-weight:700;opacity:.85}.flashchord-title{font-size:86px;font-weight:900;letter-spacing:-.5px;line-height:1;margin:10px 0 12px;color:#ffffffeb;-webkit-user-select:none;user-select:none}.flashchord-title.is-tappable{cursor:pointer}.flashchord-next-label{font-size:13px;color:var(--muted);margin-bottom:6px;font-weight:650}.flashchord-next-chord{font-size:34px;font-weight:850;color:#ffffffe0}.bpm-wheel-container{position:relative;height:120px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}.controls{display:flex;justify-content:center;gap:14px;margin:10px 0}.tempo-steps{display:flex;flex-direction:column;gap:6px}.bpm-wheel-container *{overflow:hidden}.flashchord .bpm{margin-top:16px;height:100px}.backing-track .bpm{margin:20px 0}.metronome .bpm{margin:10px 0}.controls-improved{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin:20px 0;width:100%}.metro-page .tempo-steps-left,.metro-page .tempo-steps-right{opacity:0;pointer-events:none;transform:translateY(2px);transition:opacity .14s ease,transform .14s ease}.metro-page .controls-improved:hover .tempo-steps-left,.metro-page .controls-improved:hover .tempo-steps-right,.metro-page .controls-improved:focus-within .tempo-steps-left,.metro-page .controls-improved:focus-within .tempo-steps-right{opacity:1;pointer-events:auto;transform:translateY(0)}.bpm-wheel-container{flex:1;display:flex;justify-content:center;align-items:center;min-height:150px}.metronome .bpm-wheel-container{margin:10px 0}.backing-track .bpm-wheel-container,.flashchord .bpm-wheel-container{margin:15px 0}.controls input[type=range]{display:none!important}.controls{display:none}.bpm-wheel-container .wheel-value-center{animation:bpmChange .3s ease-out}.bpm-wheel-container{perspective:1000px}.bpm-wheel-container>div{transform-style:preserve-3d}.bpm-wheel-container.is-dragging .wheel-value:not(.wheel-value-center){filter:blur(2px);opacity:.7}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.controls-improved{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin:25px 0;width:100%}.tempo-steps-left,.tempo-steps-right{display:flex;flex-direction:column;gap:8px;min-width:70px}.tempo-steps-left{align-items:flex-start}.tempo-steps-right{align-items:flex-end}.bpm-wheel-container{flex:1;display:flex;justify-content:center;align-items:center;min-height:150px;margin:0}.btn-round{width:70px;height:46px;border-radius:12px;border:1px solid var(--cardBorder);background:var(--btnBg);color:var(--text);cursor:pointer;font-size:18px;font-weight:700;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.btn-round:hover{background:var(--btnHover);transform:translateY(-1px)}.btn-round:active{transform:translateY(1px)}.btn-round.small{height:38px;font-size:16px;opacity:.9}.metronome .bpm-wheel-container,.backing-track .bpm-wheel-container,.flashchord .bpm-wheel-container{margin:0}.controls input[type=range],.controls,.metronome .bpm,.backing-track .bpm,.flashchord .bpm{display:none!important}@keyframes bpmChange{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.bpm-wheel-container>div:first-child{transition:transform .1s ease}.bpm-wheel-container>div:first-child:active{transform:scale(.98)}.bpm-wheel-container>div{background:transparent!important;border:none!important;box-shadow:none!important}.metronome .bpm,.backing-track .bpm,.flashchord .bpm,.controls input[type=range],.controls{display:none!important}.controls-improved{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin:25px 0;width:100%}.bpm-wheel-container{min-height:170px!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:.7;transform:translateY(0)}}.bpm-wheel-container>div{width:100%;display:flex;justify-content:center;align-items:center}.bpm-wheel-container>div:first-child{pointer-events:auto}.flashchord .bpm-wheel-container{min-height:100px!important}.flashchord .bpm-wheel-container .bpm-wheel-value,.flashchord .bpm-wheel-container>div>div{font-size:50px!important}.flashchord .bpm-wheel-container .bpm-wheel-root,.flashchord .bpm-wheel-container>div{height:100px!important}.metronome .bpm-wheel-container,.backing-track .bpm-wheel-container,.flashchord .bpm-wheel-container{min-height:180px!important}.bpm-wheel-container.horizontal-layout{flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:60px!important;min-height:120px!important}.bpm-wheel-container.horizontal-layout .neighbor{position:static!important;transform:none!important;font-size:40px!important;opacity:.7;transition:all .15s ease!important}.bpm-wheel-container.horizontal-layout .neighbor:hover{opacity:.9;transform:scale(1.05)!important}.bpm-wheel-container.horizontal-layout .current-bpm{font-size:80px!important;margin:0!important;transition:all .1s ease!important}.bpm-wheel-container.horizontal-layout.is-dragging .current-bpm{transform:scale(1.07)!important;color:var(--accent)!important;text-shadow:0 0 25px rgba(70,116,198,.4)!important}.metronome:not(.fullscreen) .bpm-wheel-container{flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:60px!important;min-height:120px!important}.metronome:not(.fullscreen) .bpm-wheel-container .neighbor{position:static!important;transform:none!important;font-size:30px!important;opacity:.7;transition:all .15s ease!important}.metronome:not(.fullscreen) .bpm-wheel-container .current-bpm{font-size:80px!important;margin:0!important;transition:all .1s ease!important}.metronome:not(.fullscreen) .bpm-wheel-container{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;min-height:150px!important;gap:80px!important}.metronome:not(.fullscreen) .bpm-wheel-container>div{flex-direction:row!important}.metronome:not(.fullscreen) .bpm-wheel-container .neighbor{position:static!important;transform:none!important;margin:0!important;font-size:30px!important;opacity:.7}.metronome:not(.fullscreen) .bpm-wheel-container .current-bpm{font-size:80px!important;margin:0!important}.metronome:not(.fullscreen) .tempo-steps-left,.metronome:not(.fullscreen) .tempo-steps-right{display:flex;flex-direction:column;gap:8px}.controls-improved{grid-template-columns:64px minmax(0,1fr) 64px!important;gap:10px!important;overflow:visible}.tempo-steps-left,.tempo-steps-right{min-width:64px!important;gap:6px!important}.bpm-wheel-container{min-width:0!important}.metronome:not(.fullscreen) .bpm-wheel-container,.backing-track:not(.fullscreen) .bpm-wheel-container,.flashchord:not(.fullscreen) .bpm-wheel-container{overflow:visible!important}body{overflow-x:hidden}.bpm-wheel-container{overscroll-behavior:none}.bpm-wheel-container *{touch-action:pan-y pinch-zoom}@keyframes bpmPulse{0%{transform:scale(1);text-shadow:0 0 0 rgba(70,116,198,0)}50%{transform:scale(1.08);text-shadow:0 0 20px rgba(70,116,198,.4)}to{transform:scale(1);text-shadow:0 0 0 rgba(70,116,198,0)}}.metronome:not(.fullscreen) .bpm-wheel-container{overflow:visible!important;padding:0 clamp(8px,2vw,18px)}.bpm-wheel-container .neighbor-left,.bpm-wheel-container .neighbor-right{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.bpm-wheel-container{display:flex;justify-content:center;align-items:center}.metronome:not(.fullscreen) .bpm-wheel-container{display:flex;flex-direction:row;align-items:center;justify-content:center;min-height:150px}.metronome:not(.fullscreen) .bpm-wheel-container>div{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.metronome:not(.fullscreen) .bpm-wheel-container>div{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:150px!important}.metronome:not(.fullscreen) .bpm-wheel-container .neighbor-left,.metronome:not(.fullscreen) .bpm-wheel-container .neighbor-right{position:static!important;margin:0 60px!important;transform:none!important}@keyframes neighborFadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:.7;transform:translate(0)}}@keyframes neighborFadeInVertical{0%{opacity:0;transform:translateY(-20px)}to{opacity:.7;transform:translateY(-50%)}}.direction-row{display:flex;gap:8px;flex-wrap:wrap}.direction-btn.active{background:#3b82f6}.choice-btn.wrong{background:#b91c1c!important}.choice-btn.correct{background:#15803d!important}.countin-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;pointer-events:none;background:#0000002e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.countin-overlay--repertoire{bottom:calc(var(--rp-transport-height, 72px) + env(safe-area-inset-bottom))}.countin-dots{display:flex;gap:14px;padding:16px 18px;border-radius:18px;background:#00000047;border:1px solid rgba(255,255,255,.14)}.countin-dot{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.55);background:transparent;transform:scale(.95);transition:transform .12s ease,background .12s ease,border-color .12s ease}.countin-dot.is-filled{background:#ffffffeb;border-color:#ffffffeb;transform:scale(1.1)}.chart-left.is-collapsed{width:56px!important;min-width:56px!important;padding-left:8px!important;padding-right:8px!important}.chart-left.is-collapsed .chart-panelTitle,.chart-left.is-collapsed .chart-navList,.chart-left.is-collapsed .chart-navItem{display:none!important}.header-controls{position:fixed;top:12px;right:16px;left:auto;transform:none;z-index:200;margin:0!important;display:inline-flex;gap:10px;align-items:center;pointer-events:none}.auth-shell{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:28px 18px}.auth-backdrop{position:absolute;inset:0;border:0;background:radial-gradient(1000px 700px at 5% 5%,rgba(44,168,240,.24),transparent 55%),radial-gradient(800px 500px at 95% 95%,rgba(53,212,149,.2),transparent 60%),#070c14ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;padding:0}.auth-card{width:min(560px,100%);position:relative;z-index:1;background:var(--card);border:1px solid var(--cardBorder);border-radius:calc(var(--radius) + 10px);box-shadow:0 28px 84px #00000075;padding:24px 24px 20px}.auth-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.auth-close{width:36px;height:36px;border:1px solid var(--surfaceBorder);border-radius:999px;background:var(--surface);color:var(--text);font-size:24px;line-height:1;cursor:pointer;transition:background .12s ease,border .12s ease,transform .12s ease}.auth-close:hover{background:var(--btnHover);border-color:#4674c666}.auth-close:active{transform:translateY(1px)}.auth-title{font-size:30px;font-weight:800;letter-spacing:-.02em}.auth-subtitle{margin-top:6px;color:var(--muted);font-size:14px;max-width:52ch}.auth-form{margin-top:20px;display:grid;gap:15px}.auth-field{display:grid;gap:8px}.auth-label{font-size:13px;color:var(--muted2)}.auth-input{width:100%;height:46px;border-radius:12px;border:1px solid var(--surfaceBorder);background:var(--surface);color:var(--text);padding:0 14px;outline:none;transition:border .12s ease,box-shadow .12s ease,background .12s ease}.auth-input:focus{border-color:#4674c68c;box-shadow:0 0 0 3px #4674c61f}.auth-actions{display:grid;grid-template-columns:1fr;gap:11px;margin-top:8px}.auth-btn{height:46px;border-radius:12px;border:1px solid var(--surfaceBorder);background:var(--btnBg);color:var(--text);font-weight:650;cursor:pointer;transition:transform .12s ease,background .12s ease,border .12s ease}.auth-btn:hover{background:var(--btnHover)}.auth-btn:active{transform:translateY(1px)}.auth-btn.primary{border-color:#4674c659;background:linear-gradient(180deg,#4674c647,#4674c61f)}.auth-btn.primary:hover{border-color:#4674c68c}.auth-btn.secondary{background:var(--surface)}.auth-link-btn{display:inline-grid;place-items:center;text-decoration:none}.auth-error{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,90,90,.35);background:#ff5a5a1a;color:#ffdcdcf2;font-size:13px}.auth-hint{padding:10px 12px;border-radius:12px;border:1px solid rgba(63,182,142,.34);background:#3fb68e1f;color:#d8f9ebf5;font-size:13px}.auth-footer{margin-top:8px;color:var(--muted);font-size:13px}.auth-footer a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--border-strong)}.auth-footer a:hover{border-bottom-color:var(--text-secondary)}.side-btn{text-decoration:none}.pill.danger{border-color:#ff5a5a59;background:#ff5a5a1a}.pill.danger:hover{border-color:#ff5a5a8c;background:#ff5a5a24}.user-btn-wrap{position:relative;margin-top:0;min-width:0;padding-top:12px;border-top:1px solid var(--navBorder)}.user-btn{position:relative;width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;border:1px solid transparent;background:transparent;cursor:pointer;text-align:left;color:var(--label)}.user-btn:hover{background:var(--surfaceHover)}.user-btn.is-active{background:var(--accent-muted);color:var(--active-text)}.user-btn.is-active .user-btn__avatar{box-shadow:none}.user-btn__menu-toggle{width:28px;height:36px;flex:0 0 28px;display:flex;align-items:center;justify-content:center;border-radius:10px}.user-btn__avatar{position:relative;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.user-btn__dot{position:absolute;top:-2px;right:-2px;width:11px;height:11px;border-radius:999px;background:#ff3b30;box-shadow:0 0 0 2px var(--bg)}.user-btn__badge,.user-menu__badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff3b30;color:#fff;font-size:10px;font-weight:800;line-height:18px;text-align:center}.user-btn__badge{position:absolute;top:4px;left:34px;box-shadow:0 0 0 2px var(--bg)}.user-btn__info{flex:1;min-width:0}.user-btn__email{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-btn__plan{font-size:11px;font-weight:400;color:var(--muted2);margin-top:2px}.user-btn__chevron{flex:0 0 auto;opacity:.5;transition:transform .15s}.user-btn__chevron.is-open{transform:rotate(180deg)}.user-menu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:var(--bg);border:1px solid var(--cardBorder);border-radius:16px;box-shadow:0 8px 32px #00000042,0 2px 8px #00000024;z-index:300;padding:6px}.user-menu__header{display:flex;align-items:center;gap:9px;padding:8px 8px 10px}.user-menu__avatar{width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font-weight:900;font-size:14px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.user-menu__info{flex:1;min-width:0}.user-menu__email{font-size:11px;color:var(--muted2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__plan{font-size:13px;font-weight:700;color:var(--label);margin-top:1px}.user-menu__sep{height:1px;background:var(--navBorder);margin:3px 0}.user-menu__item{width:100%;display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:10px;border:none;background:transparent;color:var(--label);font-size:13px;font-weight:700;cursor:pointer;text-align:left}.user-menu__item:hover{background:var(--surfaceHover)}.user-menu__itemText{flex:1;min-width:0}.user-menu__notifications{margin:4px 0;padding:7px;border-radius:12px;background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--navBorder)}.user-menu__notificationsHead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px 6px;color:var(--muted2);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0}.user-menu__notificationsHead button{border:none;background:transparent;color:var(--accent);font-size:11px;font-weight:800;cursor:pointer}.user-menu__notification,.user-menu__notificationEmpty{width:100%;display:flex;align-items:flex-start;gap:8px;padding:7px 6px;border:none;border-radius:9px;background:transparent;color:var(--muted);font-size:12px;font-weight:650;line-height:1.3;text-align:left}.user-menu__notification:hover{background:var(--surfaceHover)}.user-menu__notification.is-unread{color:var(--label)}.user-menu__notification .nav-ico{width:15px;height:15px;flex:0 0 auto;color:var(--accent)}.user-menu__notificationEmpty{color:var(--muted2)}.user-menu__item--upgrade{color:#f5c842}.user-menu__item--upgrade:hover{background:#f5c8421a;color:#ffd76b}.user-menu__item--danger{color:#dc3c3cf2}.app-shell.is-sidebar-collapsed .user-btn-wrap{width:48px;justify-self:center;padding-top:0;border-top:0}.app-shell.is-sidebar-collapsed .user-btn{width:48px;height:48px;justify-content:center;gap:0;padding:0}.app-shell.is-sidebar-collapsed .user-btn__info,.app-shell.is-sidebar-collapsed .user-btn__email,.app-shell.is-sidebar-collapsed .user-btn__plan,.app-shell.is-sidebar-collapsed .user-btn__menu-toggle,.app-shell.is-sidebar-collapsed .user-menu{display:none}.app-shell.is-sidebar-collapsed .user-btn__avatar{width:34px;height:34px;font-size:14px}.app-shell.is-sidebar-collapsed .user-btn--login .nav-ico{width:20px;height:20px}.settings-page{max-width:700px;margin:0 auto;padding:24px 16px 56px}.settings-page__title{font-size:40px;font-weight:900;letter-spacing:.1px;line-height:1.05;margin-bottom:22px;padding:0 2px}.settings-tabs{display:flex;gap:2px;border-bottom:1px solid var(--navBorder);margin-bottom:28px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.settings-tab-btn{flex:0 0 auto;padding:10px 18px;border:none;background:transparent;color:var(--muted);font-weight:700;font-size:14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;border-radius:8px 8px 0 0;transition:color .12s;white-space:nowrap}.settings-tab-btn:hover{color:var(--label)}.settings-tab-btn.is-active{color:var(--accent);border-bottom-color:var(--accent)}.settings-content{display:grid;gap:0}.settings-section{margin-bottom:24px}.settings-section__label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.9px;color:var(--muted2);padding:0 4px;margin-bottom:8px}.settings-card{border:1px solid var(--cardBorder);border-radius:20px;background:var(--card);overflow:hidden}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}.settings-row+.settings-row{border-top:1px solid var(--navBorder)}.settings-row--col{flex-direction:column;align-items:flex-start;gap:10px}.settings-row__left{flex:1;min-width:0}.settings-row__right{flex:0 0 auto}.settings-row__title{font-size:15px;font-weight:700;color:var(--label)}.settings-row__hint{font-size:12px;color:var(--muted2);margin-top:2px}.settings-row__select{height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--surfaceBorder);background:var(--surface);color:var(--label);font-weight:700;font-size:13px;cursor:pointer;flex:0 0 auto}.choice-grid{display:grid;gap:10px;width:100%}.choice-grid--2{grid-template-columns:repeat(2,1fr)}.choice-grid--3{grid-template-columns:repeat(3,1fr)}.choice-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:14px 12px 12px;border-radius:14px;border:1.5px solid var(--surfaceBorder);background:var(--surface);cursor:pointer;text-align:left;color:var(--label);min-height:86px;transition:border-color .13s,background .13s}.choice-card:hover{border-color:var(--muted2);background:var(--surfaceHover)}.choice-card.is-active{border-color:var(--accent);background:#4f7ece1a}.choice-card__check{position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;border:2px solid var(--muted2);transition:border-color .13s,background .13s;display:flex;align-items:center;justify-content:center}.choice-card.is-active .choice-card__check{border-color:var(--accent);background:var(--accent)}.choice-card.is-active .choice-card__check:after{content:"";width:6px;height:6px;border-radius:50%;background:#fff;display:block}.choice-card__example{font-size:20px;font-weight:900;line-height:1.1;color:var(--label);padding-right:22px}.choice-card__label{font-size:12px;font-weight:700;color:var(--muted2)}.choice-card.is-active .choice-card__label{color:var(--accent)}.billing-plan-card{border:1.5px solid var(--cardBorder);border-radius:22px;background:var(--card);padding:22px;margin-bottom:20px}.billing-plan-card.is-premium{border-color:#4f7ece66;background:linear-gradient(140deg,#4f7ece21,#24498e0f)}.billing-plan__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.billing-plan__name{font-size:24px;font-weight:900}.billing-plan__badge{padding:4px 12px;border-radius:999px;font-size:12px;font-weight:800;background:var(--surface);color:var(--muted2);border:1px solid var(--surfaceBorder);white-space:nowrap;margin-top:4px}.billing-plan__badge--active{background:#32b96424;color:#4ec87a;border-color:#32b96447}.billing-plan__price{font-size:36px;font-weight:900;margin:12px 0 2px}.billing-plan__price-sub{font-size:13px;color:var(--muted2);margin-bottom:20px}.billing-plan__features{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px}.billing-plan__feature{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--label)}.billing-plan__feature-check{width:20px;height:20px;border-radius:50%;background:#32b96429;color:#4ec87a;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;flex:0 0 auto}.billing-plan__feature-cross{width:20px;height:20px;border-radius:50%;background:#ffffff0d;color:var(--muted2);display:flex;align-items:center;justify-content:center;font-size:11px;flex:0 0 auto}.billing-upgrade-btn{width:100%;height:54px;border-radius:16px;border:none;background:var(--accent);color:#fff;font-size:16px;font-weight:800;cursor:pointer;transition:opacity .12s}.billing-upgrade-btn:hover{opacity:.88}.billing-upgrade-btn:disabled{opacity:.55;cursor:not-allowed}.billing-cancel-btn{background:none;border:none;color:#d73c3cd1;font-size:13px;font-weight:700;cursor:pointer;padding:6px 12px}.billing-cancel-btn:hover{color:#d73c3c}.account-card{border:1px solid var(--cardBorder);border-radius:20px;overflow:hidden}.account-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}.account-row+.account-row{border-top:1px solid var(--navBorder)}.account-row__label{font-size:15px;font-weight:700;color:var(--label)}.account-row__value{font-size:13px;color:var(--muted2);font-weight:600}.account-row__link{font-size:13px;font-weight:700;color:var(--accent);background:none;border:none;cursor:pointer;padding:0}.account-btn{width:100%;height:48px;border-radius:14px;border:1px solid var(--surfaceBorder);background:transparent;color:var(--label);font-weight:700;font-size:14px;cursor:pointer}.account-btn:hover{background:var(--surfaceHover)}.account-btn:disabled{opacity:.5;cursor:not-allowed}.account-btn--danger{color:#dc3c3ce6;border-color:#dc3c3c40}.account-btn--danger:hover{background:#dc3c3c14}.account-pw-form{padding:12px 16px 14px;display:grid;gap:8px;border-top:1px solid var(--navBorder)}.account-pw-input{height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--surfaceBorder);background:var(--surface);color:var(--label);font-size:14px;width:100%;box-sizing:border-box}.account-pw-actions{display:flex;gap:8px;margin-top:4px}.settings-danger{border:1px solid rgba(220,60,60,.18);border-radius:16px;overflow:hidden;background:#dc3c3c0a}.settings-danger__summary{padding:13px 16px;font-size:14px;font-weight:700;color:#dc3c3cd9;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.settings-danger__summary::-webkit-details-marker{display:none}.settings-danger__body{padding:0 16px 14px}.theme-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.theme-card{position:relative;border-radius:14px;border:1.5px solid var(--surfaceBorder);background:var(--surface);cursor:pointer;overflow:hidden;transition:border-color .13s;text-align:left}.theme-card:hover{border-color:var(--muted2)}.theme-card.is-active{border-color:var(--accent)}.theme-card__preview{height:64px;position:relative;overflow:hidden}.theme-card--blue .theme-card__preview{background:var(--bg)}.theme-card--blue .theme-card__preview:before{content:"";position:absolute;left:0;top:0;bottom:0;width:32%;background:#050c1aa6;border-right:1px solid rgba(255,255,255,.07)}.theme-card--blue .theme-card__preview:after{content:"";position:absolute;left:38%;top:12px;right:8px;height:5px;background:#4f7ecea6;border-radius:3px;box-shadow:0 12px #ffffff1a,0 22px #ffffff0f,0 34px #ffffff0a}.theme-card--dark .theme-card__preview{background:var(--bg)}.theme-card--dark .theme-card__preview:before{content:"";position:absolute;left:0;top:0;bottom:0;width:32%;background:#00000059;border-right:1px solid rgba(255,255,255,.05)}.theme-card--dark .theme-card__preview:after{content:"";position:absolute;left:38%;top:12px;right:8px;height:5px;background:#fff3;border-radius:3px;box-shadow:0 12px #ffffff17,0 22px #ffffff0d,0 34px #ffffff08}.theme-card--light .theme-card__preview{background:#f0f2f8}.theme-card--light .theme-card__preview:before{content:"";position:absolute;left:0;top:0;bottom:0;width:32%;background:#ffffffd9;border-right:1px solid rgba(0,0,0,.07)}.theme-card--light .theme-card__preview:after{content:"";position:absolute;left:38%;top:12px;right:8px;height:5px;background:#4f7ece8c;border-radius:3px;box-shadow:0 12px #0000001a,0 22px #0000000f,0 34px #0000000a}.theme-card__footer{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 9px}.theme-card__name{font-size:12px;font-weight:700;color:var(--label)}.theme-card__dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--muted2);flex:0 0 auto;display:flex;align-items:center;justify-content:center;transition:border-color .13s,background .13s}.theme-card.is-active .theme-card__dot{border-color:var(--accent);background:var(--accent)}.theme-card.is-active .theme-card__dot:after{content:"";width:5px;height:5px;border-radius:50%;background:#fff;display:block}.prof-settings-header{display:flex;align-items:center;gap:14px;padding:16px;border-bottom:1px solid var(--navBorder)}.prof-settings-avatar{width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;font-size:22px;font-weight:900;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.prof-settings-info{flex:1;min-width:0}.prof-settings-email{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prof-settings-since{font-size:12px;color:var(--muted2);margin-top:2px}.prof-settings-badge{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;background:#4f7ece26;color:var(--accent);border:1px solid rgba(79,126,206,.28);white-space:nowrap}.account-settings-modal,.account-settings-panel{--account-settings-bg: var(--bg-secondary, #101821);--account-settings-surface: var(--card, rgba(255, 255, 255, .05));--account-settings-control: var(--control-bg, rgba(255, 255, 255, .04));--account-settings-control-hover: var(--control-bg-hover, rgba(255, 255, 255, .08));--account-settings-border: var(--surfaceBorder, rgba(255, 255, 255, .08));--account-settings-border-strong: var(--control-border-strong, rgba(255, 255, 255, .18));--account-settings-text: var(--text-primary, rgba(255, 255, 255, .92));--account-settings-muted: var(--text-faint, rgba(255, 255, 255, .48));--account-settings-muted-strong: var(--text-muted, rgba(255, 255, 255, .62));--account-settings-blue: var(--accent-hover, #609aea);--account-settings-blue-strong: var(--accent, #4f7ece);--account-settings-blue-soft: var(--accent-muted, rgba(79, 126, 206, .15));--account-settings-shadow: 0 24px 70px rgba(0, 0, 0, .34);--account-settings-shadow-hover: 0 8px 18px rgba(0, 0, 0, .18);--account-settings-danger-soft: rgba(239, 68, 68, .12);--account-settings-danger: #f87171}:root[data-theme=light] .account-settings-modal,:root[data-theme=light] .account-settings-panel{--account-settings-bg: #fff;--account-settings-surface: #fff;--account-settings-control: #fff;--account-settings-control-hover: #f8fbff;--account-settings-border: #e0e7f1;--account-settings-border-strong: #dce3ee;--account-settings-text: #111827;--account-settings-muted: #667085;--account-settings-muted-strong: #58657a;--account-settings-blue: #1a76ff;--account-settings-blue-strong: #075be2;--account-settings-blue-soft: #f1f7ff;--account-settings-shadow: 0 30px 90px rgba(15, 23, 42, .24);--account-settings-shadow-hover: 0 8px 22px rgba(15, 23, 42, .08);--account-settings-danger-soft: #fff5f5;--account-settings-danger: #e11d48}.account-settings-modalOverlay{position:fixed;inset:0;z-index:9800;display:grid;place-items:center;padding:24px;background:#0f172a61;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.account-settings-modal{width:min(560px,calc(100vw - 32px));max-height:min(820px,calc(100dvh - 48px));overflow:auto;border:1px solid var(--account-settings-border);border-radius:18px;background:var(--account-settings-bg);box-shadow:var(--account-settings-shadow)}.account-settings-panel{display:grid;gap:14px;color:var(--account-settings-text)}.account-settings-panel--modal{padding:26px 30px 28px}.account-settings-panel--page{max-width:760px}.account-settings-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.account-settings-panel__header h2,.account-settings-section h3,.account-settings-empty h2{margin:0;color:var(--account-settings-text);font-weight:820;letter-spacing:0}.account-settings-panel__header h2,.account-settings-empty h2{font-size:24px}.account-settings-section h3{font-size:18px}.account-settings-panel__header p,.account-settings-empty p{margin:6px 0 0;color:var(--account-settings-muted-strong);font-size:14px;font-weight:520;line-height:1.45}.account-settings-close{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid var(--account-settings-border-strong);border-radius:12px;background:var(--account-settings-control);color:var(--account-settings-muted-strong);cursor:pointer}.account-settings-close:hover{background:var(--account-settings-control-hover);border-color:var(--account-settings-border-strong)}.account-settings-close__icon{width:20px;height:20px}.account-settings-section,.account-settings-empty{display:grid;gap:16px;padding:18px;border:1px solid var(--account-settings-border);border-radius:14px;background:var(--account-settings-surface)}.settings-stack .account-settings-section,.settings-stack .account-settings-empty{background:var(--surface);border-color:var(--surfaceBorder)}.account-settings-identity__grid{display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;align-items:center}.account-settings-avatar{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#1a76ff,#075be2);color:#fff;font-size:28px;font-weight:860;box-shadow:0 12px 26px #0f172a1a;overflow:hidden}.account-settings-avatar img{width:100%;height:100%;object-fit:cover}.account-settings-fields{display:grid;gap:10px;min-width:0}.account-settings-field{display:grid;grid-template-columns:116px minmax(0,1fr);gap:12px;align-items:center}.account-settings-field span{color:var(--account-settings-muted-strong);font-size:13px;font-weight:740}.account-settings-field input,.account-settings-password input{width:100%;min-width:0;height:38px;border:1px solid var(--account-settings-border-strong);border-radius:9px;background:var(--account-settings-control);color:var(--account-settings-text);font:inherit;font-size:14px;padding:0 12px;outline:0}.account-settings-field input:focus,.account-settings-password input:focus{border-color:var(--account-settings-blue);box-shadow:none}.account-settings-status{margin:0;color:var(--account-settings-muted);font-size:12px;font-weight:560;line-height:1.35}.account-settings-status.is-ok{color:#0f7a44}.account-settings-status.is-error{color:#c92a2a}.account-settings-status.is-locked{color:#9a5a00}.account-settings-section__actions{display:flex;justify-content:flex-end}.account-settings-line{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.account-settings-line div{display:grid;gap:5px;min-width:0}.account-settings-line strong{overflow:hidden;color:var(--account-settings-text);font-size:14px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.account-settings-line span{color:var(--account-settings-muted);font-size:13px;font-weight:520;line-height:1.35}.account-settings-password{display:grid;gap:10px}.account-settings-password__actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.account-settings-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 16px;border:1px solid var(--account-settings-border-strong);border-radius:9px;background:var(--account-settings-control);color:var(--account-settings-text);font:inherit;font-size:14px;font-weight:760;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}.account-settings-button:hover{border-color:var(--account-settings-border-strong);background:var(--account-settings-control-hover);box-shadow:var(--account-settings-shadow-hover)}.account-settings-button:active{transform:translateY(1px)}.account-settings-button:focus-visible,.account-settings-close:focus-visible{outline:2px solid color-mix(in srgb,var(--account-settings-blue) 55%,transparent);outline-offset:3px}.account-settings-button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.account-settings-button--primary{border-color:transparent;background:linear-gradient(135deg,var(--account-settings-blue),var(--account-settings-blue-strong));color:#fff;box-shadow:none}.account-settings-button--primary:hover{border-color:transparent;background:linear-gradient(135deg,var(--account-settings-blue),var(--account-settings-blue-strong))}.account-settings-button--danger{border-color:#ef44445c;color:var(--account-settings-danger)}.account-settings-button--danger:hover{background:var(--account-settings-danger-soft);border-color:#ef444485}.account-settings-button__icon{width:17px;height:17px}.account-settings-message{padding:11px 13px;border-radius:12px;background:var(--account-settings-blue-soft);color:var(--account-settings-blue);font-size:13px;font-weight:680}.account-settings-message.is-error{background:var(--account-settings-danger-soft);color:var(--account-settings-danger)}.account-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.account-settings-account-block{display:grid;gap:14px}@media(min-width:769px){.account-settings-modalOverlay{-webkit-backdrop-filter:none;backdrop-filter:none}.account-settings-panel--profile .account-settings-panel__header p{display:none}.account-settings-panel--profile .account-settings-identity>h3{display:none}.account-settings-panel--profile .account-settings-section{padding:0;border:0;background:transparent}.account-settings-panel--profile .account-settings-account-block{gap:18px;padding-top:16px;border-top:1px solid var(--account-settings-border)}.account-settings-panel--profile .account-settings-close{border:0;background:transparent}.account-settings-panel--profile .account-settings-close:hover{background:transparent;color:var(--account-settings-text)}}@media(max-width:768px){.account-settings-panel--profile .account-settings-account-block{display:none}}.complete-profile-overlay{position:fixed;inset:0;z-index:9900;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--bg, #0d1117) 72%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.complete-profile-modal{width:min(440px,calc(100vw - 32px));display:grid;gap:14px;padding:28px;border:1px solid var(--surfaceBorder, rgba(255, 255, 255, .08));border-radius:22px;background:var(--bg-secondary, #101821);box-shadow:var(--shadow-raised, 0 18px 52px rgba(0, 0, 0, .34));color:var(--text-primary, rgba(255, 255, 255, .92))}:root[data-theme=light] .complete-profile-modal{border-color:#0f172a14;background:#fff;box-shadow:0 24px 70px #0f172a24;color:#111827}.complete-profile-header{display:grid;gap:6px;margin-bottom:4px}.complete-profile-header p,.complete-profile-header h2,.complete-profile-header span,.complete-profile-status,.complete-profile-error{margin:0}.complete-profile-header p{color:var(--accent-hover, #609aea);font-size:12px;font-weight:820;letter-spacing:.02em;text-transform:uppercase}.complete-profile-header h2{color:inherit;font-size:28px;font-weight:860;letter-spacing:0;line-height:1.05}.complete-profile-header span{color:var(--text-muted, rgba(255, 255, 255, .62));font-size:14px;font-weight:540;line-height:1.45}:root[data-theme=light] .complete-profile-header span{color:#58657a}.complete-profile-field{display:grid;gap:8px}.complete-profile-field span{color:var(--text-muted, rgba(255, 255, 255, .62));font-size:13px;font-weight:760}:root[data-theme=light] .complete-profile-field span{color:#1f2a44}.complete-profile-field input{width:100%;height:46px;min-width:0;padding:0 13px;border:1px solid var(--control-border-strong, rgba(255, 255, 255, .18));border-radius:11px;background:var(--control-bg, rgba(255, 255, 255, .04));color:inherit;font:inherit;font-size:15px;outline:0}:root[data-theme=light] .complete-profile-field input{border-color:#dfe6f2;background:#fff}.complete-profile-field input:focus{border-color:var(--accent-hover, #609aea);box-shadow:none}.complete-profile-status{min-height:18px;color:var(--text-faint, rgba(255, 255, 255, .48));font-size:12px;font-weight:620}.complete-profile-status.is-ok{color:var(--status-success, #3daa76)}.complete-profile-status.is-error{color:var(--status-error, #e25c5c)}.complete-profile-error{padding:10px 12px;border-radius:12px;background:#ef44441f;color:var(--status-error, #e25c5c);font-size:13px;font-weight:680}.complete-profile-submit{width:100%;min-height:46px;margin-top:2px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--accent-hover, #609aea),var(--accent, #4f7ece));color:#fff;font:inherit;font-size:15px;font-weight:820;cursor:pointer}.complete-profile-submit:disabled{opacity:.48;cursor:not-allowed}.complete-profile-submit:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-hover, #609aea) 60%,transparent);outline-offset:3px}@media(max-width:640px){.account-settings-modalOverlay{align-items:end;padding:12px 12px calc(var(--mobile-nav-height, 72px) + env(safe-area-inset-bottom) + 12px)}.account-settings-modal{width:100%;max-height:min(780px,calc(100dvh - var(--mobile-nav-height, 72px) - 30px));border-radius:20px}.account-settings-panel--modal{padding:20px 18px 22px}.account-settings-identity__grid,.account-settings-field{grid-template-columns:1fr}.account-settings-avatar{width:72px;height:72px}.account-settings-line,.account-settings-footer,.account-settings-password__actions{display:grid;grid-template-columns:1fr}.account-settings-button{width:100%;min-height:46px}.complete-profile-overlay{align-items:end;padding:12px 12px calc(var(--mobile-nav-height, 72px) + env(safe-area-inset-bottom) + 12px)}.complete-profile-modal{width:100%;padding:22px;border-radius:20px}}.settings-shell{max-width:1220px;margin:0 auto;padding:28px 18px 72px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}.settings-sidebar{position:sticky;top:24px;display:flex;flex-direction:column;gap:12px}.settings-sidebar__header{padding:4px 2px 0}.settings-sidebar__eyebrow,.settings-detail__eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2)}.settings-sidebar__title{margin:0;font-size:clamp(24px,2.6vw,32px);line-height:1.02;font-weight:800;letter-spacing:-.03em}.settings-sidebar__nav{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--cardBorder);border-radius:24px;background:linear-gradient(180deg,#ffffff08,#ffffff03),var(--card);box-shadow:0 20px 50px #0000002e}.settings-sidebar__tab{width:100%;min-height:42px;padding:0 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);text-align:left;font-size:13px;font-weight:600;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.settings-sidebar__tab:hover{color:var(--label);background:var(--surfaceHover)}.settings-sidebar__tab.is-active{color:var(--label);background:#00000057;border-color:#ffffff14;transform:translate(2px)}.settings-detail{min-width:0}.settings-detail__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px;padding:4px 4px 0}.settings-detail__title{margin:8px 0 0;font-size:clamp(28px,3vw,38px);line-height:1.04;font-weight:900;letter-spacing:-.03em}.settings-detail__identity{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--surfaceBorder);border-radius:18px;background:#ffffff08}.settings-detail__avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffffff1f,#ffffff0a);border:1px solid rgba(255,255,255,.12);color:var(--label);font-size:18px;font-weight:800}.settings-detail__email{font-size:16px;font-weight:700;color:var(--label)}.settings-detail__plan{margin-top:3px;font-size:12px;color:var(--muted2)}.settings-stack{display:flex;flex-direction:column;gap:18px}.settings-panel{border:1px solid var(--cardBorder);border-radius:28px;background:linear-gradient(180deg,#ffffff08,#ffffff04),var(--card);overflow:hidden;box-shadow:0 24px 60px #00000029}.settings-panel--subtle{border-style:dashed;border-color:#ffb47829;background:#ffb47808}.settings-panel__header{padding:22px 24px 0}.settings-panel__title{margin:0;font-size:22px;line-height:1.1;font-weight:800;color:var(--label)}.settings-panel__hint{margin:8px 0 0;max-width:760px;color:var(--muted);font-size:14px;line-height:1.55}.settings-panel__body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:18px}.settings-line,.settings-accountRow,.settings-commandRow,.settings-inlineCard{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-top:1px solid rgba(255,255,255,.06)}.settings-panel__body>:first-child{border-top:0}.settings-line__copy,.settings-inlineCard__copy{flex:1;min-width:0}.settings-line__title,.settings-inlineCard__title,.settings-choiceCluster__title,.settings-commandRow__title,.settings-accountRow__title,.settings-sliderBlock__title{font-size:15px;font-weight:700;color:var(--label)}.settings-line__hint,.settings-inlineCard__hint,.settings-choiceCluster__hint,.settings-commandRow__hint,.settings-accountRow__hint,.settings-sliderBlock__hint,.settings-billingActions__note{margin-top:4px;font-size:13px;line-height:1.5;color:var(--muted2)}.settings-inlineCard__warning{margin-top:8px;color:#ffb8b8;font-size:13px;font-weight:700;line-height:1.45}.settings-formGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.settings-selectField{display:flex;flex-direction:column;gap:8px;min-width:0}.settings-selectField__label{font-size:13px;font-weight:700;color:var(--label)}.settings-selectField__hint{min-height:36px;font-size:12px;line-height:1.45;color:var(--muted2)}.settings-selectField__control,.settings-passwordForm__input{width:100%;min-width:0;height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--surfaceBorder);background:#00000038;color:var(--label);font-size:14px;font-weight:600;box-sizing:border-box}.settings-selectField__control:focus,.settings-passwordForm__input:focus{outline:none;border-color:#ffffff2e;box-shadow:var(--ring)}.settings-rows{display:flex;flex-direction:column}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}.settings-rows>.settings-row:first-child{padding-top:4px}.settings-rows>.settings-row:last-child{padding-bottom:4px}.settings-row__copy{flex:1;min-width:0}.settings-row__label{font-size:15px;font-weight:700;color:var(--label)}.settings-row__hint{margin-top:4px;font-size:13px;line-height:1.5;color:var(--muted2)}.settings-row__control{flex:0 0 auto;display:flex;align-items:center}.settings-rowSelect{position:relative;display:inline-flex;align-items:center}.settings-rowSelect__control{appearance:none;-webkit-appearance:none;min-width:150px;height:40px;padding:0 38px 0 14px;border-radius:12px;border:1px solid var(--surfaceBorder);background:var(--surface);color:var(--label);font-size:14px;font-weight:650;cursor:pointer}.settings-rowSelect__control:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring-color)}.settings-rowSelect__chevron{position:absolute;right:12px;width:16px;height:16px;transform:rotate(90deg);color:var(--muted2);pointer-events:none}.settings-seg{display:inline-flex;gap:3px;padding:3px;border-radius:12px;background:var(--surfaceHover);border:1px solid var(--surfaceBorder)}.settings-seg__btn{border:0;background:transparent;cursor:pointer;padding:6px 16px;border-radius:9px;font-size:14px;font-weight:700;color:var(--muted2);transition:background .15s ease,color .15s ease}.settings-seg__btn:hover{color:var(--label)}.settings-seg__btn.is-on{background:var(--btnBg);color:var(--label);box-shadow:var(--shadow-soft)}.theme-toggle{--tt-w: 66px;--tt-h: 34px;--tt-pad: 4px;--tt-thumb: calc(var(--tt-h) - var(--tt-pad) * 2);display:inline-block;padding:0;border:0;background:none;cursor:pointer;border-radius:999px;line-height:0;-webkit-tap-highlight-color:transparent}.theme-toggle:focus-visible{outline:none}.theme-toggle:focus-visible .theme-toggle__track{box-shadow:0 0 0 3px var(--focus-ring-color),inset 0 1px 2px #0000004d}.theme-toggle__track{position:relative;display:block;width:var(--tt-w);height:var(--tt-h);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d;background:linear-gradient(160deg,#2a3b66,#131b36);transition:background .45s ease}.theme-toggle.is-day .theme-toggle__track{background:linear-gradient(160deg,#9bd4ff,#5aa9e6)}.theme-toggle__thumb{position:absolute;top:var(--tt-pad);left:var(--tt-pad);width:var(--tt-thumb);height:var(--tt-thumb);border-radius:50%;background:radial-gradient(circle at 33% 30%,#fff4cf,#ffd95a,#ffbf40);box-shadow:0 0 8px 1px #ffcd5a99;transition:transform .45s cubic-bezier(.34,1.4,.64,1),background .45s ease,box-shadow .45s ease}.theme-toggle.is-night .theme-toggle__thumb{transform:translate(calc(var(--tt-w) - var(--tt-thumb) - var(--tt-pad) * 2));background:#f4f6ff;box-shadow:inset -5px -1px #cdd5e8,0 0 6px 1px #d2dcff66}.theme-toggle__stars{position:absolute;inset:0;opacity:0;transition:opacity .45s ease}.theme-toggle.is-night .theme-toggle__stars{opacity:1}.theme-toggle__star{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 3px #fffc;animation:themeToggleTwinkle 2.4s ease-in-out infinite}.theme-toggle__star:nth-child(1){top:8px;left:11px;animation-delay:0s}.theme-toggle__star:nth-child(2){top:19px;left:18px;transform:scale(.7);animation-delay:.7s}.theme-toggle__star:nth-child(3){top:7px;left:23px;transform:scale(.8);animation-delay:1.4s}@keyframes themeToggleTwinkle{0%,to{opacity:.4}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.theme-toggle__thumb,.theme-toggle__track,.theme-toggle__stars,.theme-toggle__star{transition-duration:.001ms;animation:none}}.settings-midiControls{display:grid;grid-template-columns:minmax(180px,.82fr) minmax(260px,1.18fr);gap:12px;align-items:end}.settings-instrumentField{min-width:0;position:relative;display:flex;flex-direction:column;gap:8px}.settings-instrumentField__label{font-size:13px;font-weight:700;color:var(--label)}.settings-instrumentField .rp-inline-toggle{display:inline-flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere;color:var(--label);font-size:13px}.settings-instrumentField .rp-inline-toggle--instrument{width:100%;justify-content:flex-start;gap:10px}.settings-instrumentField .rp-part-instrument-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;min-width:0}.settings-instrumentField .rp-part-instrument-picker{position:relative;min-width:0;min-height:46px;display:flex;align-items:center;border:1px solid var(--surfaceBorder);border-radius:14px;background:var(--control-bg);padding:0 14px}.settings-instrumentField .rp-part-instrument-trigger{width:100%;min-height:0;flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0;border:none;background:transparent;color:var(--label);text-align:left;cursor:pointer}.settings-instrumentField .rp-part-instrument-triggerText{min-width:0;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;overflow:hidden}.settings-instrumentField .rp-part-instrument-source{font-weight:700;color:inherit}.settings-instrumentField .rp-part-instrument-override{color:#67b3ff;font-size:.9em;font-weight:700}.settings-instrumentField .rp-part-instrument-chevron{flex:0 0 auto;color:inherit;font-size:10px}.settings-instrumentField .rp-part-instrument-menu{position:absolute;top:calc(100% - 1px);left:0;z-index:60;min-width:min(520px,calc(100vw - 64px));display:grid;grid-template-columns:minmax(170px,.92fr) minmax(220px,1.08fr);border-radius:16px;border:1px solid var(--module-border);background:var(--module-surface-strong);box-shadow:var(--shadow-raised);overflow:hidden}.settings-instrumentField .rp-part-instrument-menuCol{min-width:0;padding:8px;display:flex;flex-direction:column;gap:4px}.settings-instrumentField .rp-part-instrument-menuCol.is-options{border-left:1px solid var(--module-border-soft);background:var(--surface-subtle)}.settings-instrumentField .rp-part-instrument-menuItem{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--module-text);text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease,box-shadow .14s ease}.settings-instrumentField .rp-part-instrument-menuItem:hover,.settings-instrumentField .rp-part-instrument-menuItem.is-active{background:var(--surface-active)}.settings-instrumentField .rp-part-instrument-menuItem.is-selected{background:var(--accent);color:var(--text-on-accent);box-shadow:none}.settings-instrumentField .rp-part-instrument-menuItem.is-origin{box-shadow:inset 0 0 0 1px var(--accent-border)}.settings-instrumentField .rp-part-instrument-menuArrow{flex:0 0 auto;color:var(--module-muted);font-weight:800}.settings-instrumentField .rp-pill-btn{min-height:46px;border:1px solid var(--surfaceBorder);border-radius:14px;background:var(--control-bg);color:var(--label);font-weight:700;padding:0 14px;cursor:pointer;white-space:nowrap}.settings-choiceCluster{display:flex;flex-direction:column;gap:12px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}.settings-visualGrid{display:grid;gap:12px}.settings-visualGrid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-visualGrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-visualGrid--mini{grid-template-columns:repeat(auto-fit,minmax(126px,150px));justify-content:flex-start}.settings-visualGrid--mini3{grid-template-columns:repeat(3,minmax(126px,150px))}.settings-visualChoice{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:122px;padding:18px 16px 16px;border:1px solid var(--surfaceBorder);border-radius:20px;background:#ffffff05;color:var(--label);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.settings-visualChoice:hover{transform:translateY(-1px);background:#ffffff0a;border-color:#ffffff1f}.settings-visualChoice.is-active{border-color:#73a0ff8c;background:linear-gradient(180deg,#4e75c22e,#4e75c20f);box-shadow:0 0 0 1px #73a0ff38}.settings-visualChoice__mark{position:absolute;top:14px;right:14px;width:18px;height:18px;border-radius:999px;border:2px solid rgba(255,255,255,.28)}.settings-visualChoice.is-active .settings-visualChoice__mark{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 4px #ffffffeb}.settings-visualChoice__example{font-size:22px;line-height:1.05;font-weight:900;letter-spacing:-.02em}.settings-visualChoice__label{font-size:14px;font-weight:700}.settings-visualChoice__detail{font-size:12px;color:var(--muted2)}.settings-visualChoice.is-minimal{align-items:center;justify-content:center;gap:0;min-height:118px;padding:12px;border-radius:16px}.settings-visualChoice.is-minimal .settings-visualChoice__mark{top:10px;right:10px;width:16px;height:16px}.settings-visualChoice.is-minimal .settings-visualChoice__example{width:100%;display:inline-flex;align-items:center;justify-content:center;font-size:28px;text-align:center}.settings-soundGlyph{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.settings-primaryBtn,.settings-outlineBtn,.settings-dangerBtn{flex-shrink:0;min-height:44px;padding:0 16px;border-radius:14px;font-size:14px;font-weight:800;cursor:pointer}.settings-primaryBtn{border:0;background:#f4efe8;color:#1c1a17}.settings-primaryBtn:hover{opacity:.92}.settings-primaryBtn--wide{width:100%;min-height:50px;border-radius:16px}.settings-outlineBtn{border:1px solid var(--surfaceBorder);background:transparent;color:var(--label)}.settings-outlineBtn:hover{background:var(--surfaceHover)}.settings-inlineCard{align-items:flex-start;padding-bottom:0}.settings-callout{padding:18px;border-radius:20px;background:linear-gradient(145deg,#f5aa6e21,#f5aa6e0a);border:1px solid rgba(245,170,110,.18)}.settings-callout__title{font-size:15px;font-weight:800;color:var(--label)}.settings-callout__hint{margin:6px 0 14px;font-size:13px;line-height:1.5;color:var(--muted)}.settings-sliderBlock{padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}.settings-sliderBlock__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.settings-slider{width:100%;accent-color:var(--accent)}.settings-accountSheet,.settings-commandList{display:flex;flex-direction:column}.settings-linkRow{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:16px 0;border:0;border-top:1px solid rgba(255,255,255,.06);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.settings-commandList>.settings-linkRow:first-child{border-top:0}.settings-linkRow:hover .settings-commandRow__title{color:var(--accent)}.settings-linkRow__arrow{width:18px;height:18px;flex-shrink:0;color:var(--muted)}.settings-linkRow:hover .settings-linkRow__arrow{color:var(--accent)}.settings-contact{display:flex;flex-direction:column;align-items:flex-start;gap:9px;width:100%;max-width:none;margin-inline:0;text-align:left}.settings-panel--contact{overflow:hidden;background:radial-gradient(circle at 82% 50%,rgba(196,158,87,.08),transparent 26%),var(--settings-panel-bg)}.settings-contactCard{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,28%);align-items:center;gap:clamp(28px,5vw,72px);min-height:210px}.settings-contact__intro{margin:0;font-size:clamp(21px,2vw,30px);line-height:1.15;font-weight:800;letter-spacing:-.025em;color:var(--label)}.settings-contact__brand{display:inline-block;background:radial-gradient(circle at 38% 44%,rgba(169,214,255,.72) 0%,rgba(105,176,255,.48) 15%,transparent 34%),linear-gradient(125deg,var(--bd-beat-bottom, #2d7df0) 0%,var(--bd-beat-top, #79b7ff) 45%,#3b8ff5 72%,var(--bd-beat-bottom, #2d7df0) 100%);background-size:175% 175%,130% 130%;background-position:38% 44%,50% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:settings-contact-brand-flow 11s ease-in-out infinite}@keyframes settings-contact-brand-flow{0%{background-position:38% 44%,50% 50%;background-size:175% 175%,130% 130%}33%{background-position:48% 36%,47% 53%;background-size:190% 165%,136% 126%}66%{background-position:43% 55%,53% 47%;background-size:168% 190%,126% 136%}to{background-position:38% 44%,50% 50%;background-size:175% 175%,130% 130%}}.settings-contact__text{margin:0;font-size:13px;line-height:1.55;color:var(--muted)}.settings-contact__email{align-self:flex-start;display:inline-flex;align-items:center;gap:9px;margin-top:4px;font-size:14px;font-weight:600;color:#c9a45f;text-decoration:none;word-break:break-all}.settings-contact__email:hover{text-decoration:underline}.settings-contact__note{display:inline-flex;align-items:center;gap:9px;margin:8px 0 0;max-width:620px;font-size:12px;line-height:1.55;color:var(--muted2)}.settings-contact__email>span,.settings-contact__note>span{flex:0 0 auto;color:#c9a45f;font-size:17px;line-height:1}.settings-contactCard__art{width:min(100%,230px);justify-self:center;color:#d2ae69;filter:drop-shadow(0 8px 22px rgba(201,164,95,.12))}@media(prefers-reduced-motion:reduce){.settings-contact__brand{animation:none;background-position:50% 50%}}.settings-project{gap:28px}.settings-projectStory{scroll-margin-top:28px;padding:clamp(18px,3vw,34px) 0 clamp(72px,9vw,120px)}.settings-projectStory__title,.settings-projectStory__body,.settings-projectStory__video{width:min(100%,720px);margin-right:auto;margin-left:auto;text-align:left}.settings-projectStory__title{margin-top:0;margin-bottom:clamp(48px,7vw,82px);color:var(--label);font-size:clamp(34px,4vw,52px);line-height:1;font-weight:900;letter-spacing:-.04em}.settings-projectStory__body{max-width:660px;color:color-mix(in srgb,var(--label) 82%,var(--muted));font-size:clamp(14px,1.1vw,16px);line-height:1.72}.settings-projectStory__group{margin:0}.settings-projectStory__group+.settings-projectStory__group{margin-top:clamp(52px,7vw,84px)}.settings-projectStory__group p{margin:0 0 19px}.settings-projectStory__group p:last-child{margin-bottom:0}.settings-projectStory__statement{color:var(--label);font-size:clamp(17px,1.5vw,21px);line-height:1.48;font-weight:800;letter-spacing:-.012em}.settings-projectStory__body strong{color:var(--label);font-weight:850}.settings-projectStory__conclusion{margin-top:clamp(64px,8vw,100px)}.settings-projectStory__conclusion p{margin:0;color:var(--label);line-height:1.5}.settings-projectStory__heart{display:inline-block;margin-left:.35em;color:var(--label);font-size:.9em;line-height:1}.settings-projectStory__musicIntro{margin:clamp(64px,8vw,96px) 0 0;color:var(--muted)}.settings-projectStory__video{aspect-ratio:16 / 9;margin-top:clamp(18px,2.5vw,28px);overflow:hidden;border:1px solid var(--border-soft);border-radius:10px;background:#000;box-shadow:0 20px 44px #00000047}.settings-projectStory__video iframe{display:block;width:100%;height:100%;border:0}@media(max-width:768px){.settings-contactCard{grid-template-columns:minmax(0,1fr) 150px;gap:18px;min-height:0}.settings-contactCard__art{width:150px}.settings-project{gap:22px}.settings-projectStory{scroll-margin-top:16px;padding:24px 0 72px}.settings-projectStory__title{margin-bottom:52px}.settings-projectStory__body{max-width:none;line-height:1.68}.settings-projectStory__group p{margin-bottom:17px}.settings-projectStory__group+.settings-projectStory__group{margin-top:54px}.settings-projectStory__conclusion,.settings-projectStory__musicIntro{margin-top:64px}.settings-projectStory__video{margin-top:20px;border-radius:8px}}@media(max-width:480px){.settings-contactCard{grid-template-columns:1fr}.settings-contactCard__art{width:132px;justify-self:end;margin-top:-8px}.settings-projectStory__title{font-size:36px}.settings-projectStory__statement{font-size:18px}}.settings-accountBadge,.settings-pill,.settings-billingOption__badge,.settings-paywallCard__badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.settings-accountBadges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.settings-accountRow--username{align-items:flex-end}.settings-accountRow__copy{flex:1;min-width:0}.settings-usernameInput{margin-top:12px;max-width:360px}.settings-usernameStatus{min-height:18px;margin-top:8px;font-size:12px;font-weight:750;color:var(--muted2)}.settings-usernameStatus.is-ok{color:#48d597}.settings-usernameStatus.is-error{color:#ff9c9c}.settings-usernameStatus.is-checking{color:var(--accent)}.settings-passwordForm{display:grid;gap:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.settings-passwordForm__actions,.settings-devActions{display:flex;gap:10px;flex-wrap:wrap}.settings-emptyState{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0 2px}.settings-emptyState__copy{margin:0;color:var(--muted)}.settings-planHero{padding:22px 24px;border:1px solid var(--cardBorder);border-radius:30px;background:radial-gradient(circle at top right,rgba(255,173,106,.18),transparent 32%),linear-gradient(135deg,#ffffff0a,#ffffff04),var(--card);display:flex;justify-content:space-between;gap:18px}.settings-planHero.is-premium{background:radial-gradient(circle at top right,rgba(255,173,106,.24),transparent 36%),radial-gradient(circle at bottom left,rgba(131,162,255,.12),transparent 30%),linear-gradient(135deg,#ffffff0d,#ffffff04),var(--card)}.settings-planHero__copy{max-width:700px}.settings-planHero__eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffd2a0d1}.settings-planHero__title{margin:10px 0 8px;font-size:clamp(28px,3vw,38px);line-height:1.02;font-weight:900}.settings-planHero__hint{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}.settings-planHero__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.settings-planHero__aside{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:16px}.settings-planHero__price{font-size:26px;font-weight:900;letter-spacing:-.03em;color:var(--label)}.settings-billingStudio{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);gap:18px}.settings-billingOptionList{display:flex;flex-direction:column;gap:10px}.settings-billingOption{display:flex;align-items:stretch;gap:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff05;color:var(--label);text-align:left;cursor:pointer}.settings-billingOption.is-active{border-color:#ffb17a6b;background:linear-gradient(180deg,#ffb17a29,#ffb17a0f)}.settings-billingOption__radio{width:18px;height:18px;margin-top:6px;border-radius:999px;border:2px solid rgba(255,255,255,.28);flex-shrink:0}.settings-billingOption.is-active .settings-billingOption__radio{border-color:#f4efe8;background:#f4efe8;box-shadow:inset 0 0 0 4px #000000b8}.settings-billingOption__copy{min-width:0;display:flex;flex-direction:column;gap:4px}.settings-billingOption__top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-billingOption__label{font-size:16px;font-weight:800}.settings-billingOption__amount{font-size:18px;font-weight:800}.settings-billingOption__hint{font-size:13px;color:var(--muted2)}.settings-billingBenefits__title{font-size:14px;font-weight:800;color:var(--label)}.settings-billingBenefits__list,.settings-paywallCard__list{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.settings-billingBenefits__list li,.settings-paywallCard__list li{position:relative;padding-left:24px;color:var(--muted);line-height:1.5}.settings-billingBenefits__list li:before,.settings-paywallCard__list li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:999px;background:#ffc896eb;box-shadow:0 0 0 6px #ffc89614}.settings-billingActions{display:flex;flex-direction:column;gap:10px}.settings-paywallCard{position:relative;overflow:hidden;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:30px;background:radial-gradient(circle at 18% 18%,rgba(255,174,120,.25),transparent 28%),radial-gradient(circle at 100% 0%,rgba(120,146,255,.16),transparent 30%),linear-gradient(180deg,#1a1921f5,#0c0c12fa);box-shadow:0 26px 70px #00000047}.settings-paywallCard__glow{position:absolute;inset:auto -60px -80px auto;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(255,174,120,.22),transparent 70%)}.settings-paywallCard__label{position:relative;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffd6b9d1}.settings-paywallCard__price{position:relative;margin-top:16px;font-size:clamp(32px,5vw,42px);line-height:1;font-weight:900;color:#fff7ef}.settings-paywallCard__hint{position:relative;margin-top:8px;color:#ffffffb8;line-height:1.55}.settings-paywallCard__badgeRow{position:relative;display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.settings-paywallCard__badge{background:#ffffff14;color:#fffc}.settings-paywallCard__badge--hot{background:#ff708729;border-color:#ff708747;color:#ffc0d0}.settings-sidebar__nav{padding:0;border:0;border-radius:0;background:none;box-shadow:none}.settings-sidebar__tab{min-height:44px;padding:0 14px;border-radius:12px;border:0}.settings-sidebar__tab.is-active{background:#00000061;transform:none}.settings-panel{border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}.settings-panel__header{padding:0 0 14px}.settings-panel__title{font-size:18px}.settings-panel__hint{margin-top:6px;max-width:680px;font-size:13px;color:var(--muted2)}.settings-panel__body{padding:0;gap:0}.settings-line,.settings-accountRow,.settings-commandRow,.settings-inlineCard{padding:16px 0;border-top:1px solid rgba(255,255,255,.08)}.settings-formGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:18px}.settings-selectField__hint{min-height:0}.settings-selectField__control,.settings-passwordForm__input{height:42px;border-radius:12px;background:#ffffff08}.settings-choiceCluster{gap:10px}.settings-visualChoice{min-height:104px;padding:14px 14px 13px;border-radius:14px;background:#ffffff06}.settings-visualChoice__example{font-size:19px}.settings-stack--general{gap:24px}.settings-stack--general .settings-panel{padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.settings-stack--general .settings-panel:first-child{padding-top:0;border-top:0}.settings-stack--general .settings-panel__header{padding-bottom:12px}.settings-stack--general .settings-panel__body{gap:18px}.settings-stack--general .settings-line,.settings-stack--general .settings-inlineCard,.settings-stack--general .settings-choiceCluster{padding-top:0;border-top:0}.settings-stack--general .settings-panel--subtle{padding:18px 18px 0;border-radius:18px;background:#ffffff05;border-top-color:#ffffff1f}.settings-stack--general .settings-panel--subtle .settings-panel__header{padding-bottom:10px}.settings-stack--general .settings-panel--subtle .settings-panel__body{gap:14px}.settings-shell{max-width:1440px;grid-template-columns:minmax(0,1fr);gap:0;padding:28px 36px 56px}.settings-detail{width:100%}.settings-pageHeader{margin-bottom:20px}.settings-pageHeader__title{margin:0;color:var(--label);font-size:clamp(24px,2.2vw,32px);line-height:1.08;font-weight:800;letter-spacing:0}.settings-tabs{display:flex;align-items:flex-end;gap:clamp(18px,2.6vw,42px);margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs__tab{position:relative;flex:0 0 auto;min-height:38px;padding:0 0 10px;border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:750;text-align:left;cursor:pointer;transition:color .16s ease}.settings-tabs__tab:hover,.settings-tabs__tab.is-active{color:var(--label)}.settings-tabs__tab:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:3px;border-radius:999px 999px 0 0;background:transparent}.settings-tabs__tab.is-active:after{background:var(--accent);box-shadow:0 0 18px #4ea1ff73}.settings-stack{gap:14px}.settings-panel,.settings-stack--general .settings-panel,.settings-stack--general .settings-panel--subtle{padding:20px 26px;border:1px solid var(--border-soft);border-radius:14px;background:var(--settings-panel-bg);box-shadow:var(--settings-panel-shadow)}.settings-stack--general .settings-panel,.settings-stack--general .settings-panel:first-child{padding-top:20px;border-top:1px solid var(--border-soft)}.settings-stack--general .settings-panel:nth-child(n+2){padding-top:18px;padding-bottom:14px}.settings-stack--general .settings-panel:nth-child(n+2) .settings-panel__header{padding-bottom:10px}.settings-stack--general .settings-panel:nth-child(n+2) .settings-panel__body{gap:0}.settings-stack--general .settings-panel:nth-child(n+2) .settings-line{min-height:34px;padding:8px 0}.settings-stack--general .settings-panel:nth-child(n+2) .settings-line__title{font-size:13px;font-weight:620}.settings-panel__header,.settings-stack--general .settings-panel__header,.settings-stack--general .settings-panel--subtle .settings-panel__header{padding:0 0 16px}.settings-panel__title{font-size:17px;line-height:1.15;font-weight:800}.settings-panel__body,.settings-stack--general .settings-panel__body,.settings-stack--general .settings-panel--subtle .settings-panel__body{padding:0;gap:18px}.settings-stack--general .settings-panel:first-child .settings-panel__body{display:grid;grid-template-rows:auto auto;gap:22px}.settings-formGrid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:14px;margin-bottom:0}.settings-selectField{gap:7px}.settings-selectField__label,.settings-choiceCluster__title{font-size:12px;font-weight:750}.settings-selectField__control{height:38px;border-radius:10px;border-color:var(--control-border);background:var(--settings-control-bg);font-size:13px;font-weight:650}.settings-choiceMatrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.settings-choiceCluster,.settings-stack--general .settings-choiceCluster{display:grid;grid-template-rows:18px auto;gap:10px;padding-top:0;border-top:0;min-width:0}.settings-choiceCluster__header{display:flex;align-items:center;min-width:0}.settings-visualGrid--mini,.settings-visualGrid--mini3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-visualGrid--mini3{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-visualChoice.is-minimal{min-height:62px;border-radius:10px;border-color:var(--control-border);background:var(--settings-choice-bg);color:var(--settings-choice-text);box-shadow:none;padding:9px 28px 9px 14px}.settings-visualChoice.is-minimal .settings-visualChoice__mark{top:8px;right:8px;width:13px;height:13px;border-width:2px}.settings-visualChoice.is-minimal.is-active .settings-visualChoice__mark{box-shadow:inset 0 0 0 3px #ffffffeb}.settings-visualChoice.is-minimal:hover{background:var(--settings-choice-hover);border-color:var(--border-strong)}.settings-visualChoice.is-minimal.is-active{border-color:#4ea1ffb8;background:linear-gradient(180deg,#3066cd3d,#3066cd14);color:var(--label);box-shadow:inset 0 0 0 1px #4ea1ff3d}.settings-visualChoice.is-minimal .settings-visualChoice__example{justify-content:center;font-size:18px;line-height:1}.settings-soundGlyph{width:24px;height:24px}.settings-line,.settings-stack--general .settings-line,.settings-commandRow,.settings-accountRow,.settings-inlineCard{min-height:38px;padding:10px 0;border-top:1px solid rgba(255,255,255,.07)}.settings-panel__body>.settings-line:first-child{border-top:0}.settings-line__title{font-size:13px;font-weight:650}.settings-line .switch{flex:0 0 auto}.settings-pricingHeader{display:flex;flex-direction:column;align-items:center;gap:18px;padding:8px 0}.settings-pricingHeader__title{margin:0;text-align:center;font-size:clamp(30px,4vw,46px);line-height:1.04;font-weight:900;letter-spacing:-.03em;color:var(--label)}.settings-pricingHeader__tabs{display:inline-flex;padding:4px;border-radius:14px;background:#0000005c;border:1px solid rgba(255,255,255,.08)}.settings-pricingHeader__tab{min-width:132px;height:34px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer}.settings-pricingHeader__tab.is-active{background:#ffffff1a;color:var(--label)}.settings-pricingGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-pricingCard{position:relative;display:flex;flex-direction:column;min-height:100%;padding:22px 22px 20px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:#ffffff06}.settings-pricingCard.is-featured{background:#ffffff08;border-color:#ffffff1f}.settings-pricingCard.is-current:after{content:"Actuel";position:absolute;top:16px;right:16px;min-height:24px;padding:0 10px;border-radius:999px;background:#ffffff14;color:var(--label);font-size:11px;font-weight:800;line-height:24px;letter-spacing:.04em;text-transform:uppercase}.settings-pricingCard__name{margin:0;font-size:18px;font-weight:800;color:var(--label)}.settings-pricingCard__subtitle,.settings-pricingCard__note{margin:4px 0 0;color:var(--muted2);font-size:13px;line-height:1.45}.settings-pricingCard__priceRow{display:flex;align-items:baseline;gap:8px;margin-top:22px}.settings-pricingCard__price{font-size:clamp(36px,5vw,56px);line-height:.95;font-weight:900;letter-spacing:-.04em;color:var(--label)}.settings-pricingCard__unit{color:var(--muted2);font-size:13px;line-height:1.3;max-width:110px}.settings-pricingCard__notice{margin-top:18px;padding:14px 14px 13px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#00000038;color:var(--muted);font-size:13px;line-height:1.45}.settings-pricingCard__cta{width:100%;min-height:42px;margin-top:18px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--label);font-size:15px;font-weight:800;cursor:pointer}.settings-pricingCard__cta--featured{background:#f4efe8;border-color:#f4efe8;color:#1a1713}.settings-pricingCard__cta:disabled{opacity:.55;cursor:not-allowed}.settings-pricingCard__divider{height:1px;margin:22px -22px 18px;background:#ffffff14}.settings-pricingCard__features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.settings-pricingCard__features li{position:relative;padding-left:22px;color:var(--muted);line-height:1.5}.settings-pricingCard__features li:before{content:"✓";position:absolute;left:0;top:0;color:#ffffffa3;font-size:13px;font-weight:800}.settings-pricingCard__current{margin-top:18px;color:var(--muted2);font-size:12px}.settings-billingFlat{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding-top:8px}.settings-billingFlat__title{margin:0 0 14px;font-size:16px;font-weight:800;color:var(--label)}.settings-billingOptionList{gap:14px}.settings-billingOption{padding:18px 18px 16px;border-radius:18px;background:#ffffff06}.settings-billingOption__amount{font-size:20px;line-height:1.1}.settings-billingSummary{padding:18px 18px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#00000038}.settings-billingSummary__label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2)}.settings-billingSummary__amount{margin-top:12px;font-size:34px;line-height:1;font-weight:900;letter-spacing:-.03em;color:var(--label)}.settings-billingSummary__hint{margin-top:8px;color:var(--muted);line-height:1.5}.settings-billingSummary__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.settings-pill--hot{border-color:#ff70873d;background:#ff70871f;color:#ffc0d0}.settings-premiumOffer{display:flex;flex-direction:column;gap:22px}.settings-premiumOffer__intro{max-width:760px}.settings-premiumOffer__eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffd2a0c2}.settings-premiumOffer__title{margin:10px 0 8px;font-size:clamp(34px,4vw,58px);line-height:.98;font-weight:900;letter-spacing:-.04em;color:var(--label)}.settings-premiumOffer__subtitle{margin:0;color:var(--muted);font-size:15px;line-height:1.55}.settings-premiumOffer__cycleList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:760px}.settings-billingOption{align-items:center;padding:18px 18px 16px;border-radius:18px;background:#ffffff06;transition:border-color .16s ease,background .16s ease,transform .16s ease}.settings-billingOption:hover{transform:translateY(-1px);border-color:#ffffff29}.settings-billingOption.is-active{border-color:#ffb37c6b;background:linear-gradient(180deg,#ffb37c21,#ffb37c0d)}.settings-billingOption__amount{font-size:22px;line-height:1.1}.settings-premiumOffer__hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:end;padding:28px 0 10px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.settings-premiumOffer__price{font-size:clamp(54px,7vw,92px);line-height:.92;font-weight:900;letter-spacing:-.05em;color:var(--label)}.settings-premiumOffer__unit{margin-top:10px;font-size:16px;font-weight:700;color:var(--muted)}.settings-premiumOffer__hint{margin-top:8px;color:var(--muted2);font-size:14px;line-height:1.45}.settings-premiumOffer__actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}.settings-premiumOffer__secondary{border:0;background:transparent;color:var(--muted2);font-size:13px;font-weight:700;cursor:pointer}.settings-premiumOffer__featuresWrap{max-width:820px}.settings-premiumOffer__featuresTitle{font-size:14px;font-weight:800;color:var(--label)}.settings-premiumOffer__features{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.settings-premiumOffer__features li{position:relative;padding-left:24px;color:var(--muted);line-height:1.5}.settings-premiumOffer__features li:before{content:"✓";position:absolute;left:0;top:0;color:#ffcda0f0;font-weight:900}.settings-premiumOffer{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:24px;padding:clamp(10px,1vw,18px) 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}.settings-premiumOffer>*{position:relative;z-index:1}.settings-premiumOffer__aurora{position:absolute;inset:0;background:radial-gradient(circle at 20% 24%,rgba(108,138,255,.08),transparent 24%),radial-gradient(circle at 82% 22%,rgba(255,214,125,.06),transparent 20%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 42%);filter:blur(12px);opacity:.7;pointer-events:none}.settings-premiumOffer__topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-premiumOffer__eyebrow{display:inline-flex;align-items:center;min-height:30px;padding:0 14px;border-radius:999px;background:linear-gradient(180deg,#ffe1a02e,#ffb86c1a);border:1px solid rgba(255,213,144,.22);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#ffe7beeb}.settings-premiumOffer__account{display:inline-flex;align-items:center;gap:12px;min-width:min(100%,320px);padding:10px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#0e1022d1;box-shadow:inset 0 1px #ffffff0d}.settings-premiumOffer__accountAvatar{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#ffffff2e,#ffffff0f);color:#fff;font-size:15px;font-weight:800}.settings-premiumOffer__accountCopy{min-width:0;display:flex;flex-direction:column}.settings-premiumOffer__accountMail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--label);font-size:14px;font-weight:700}.settings-premiumOffer__accountPlan{margin-top:3px;color:#ffffff8f;font-size:12px}.settings-premiumOffer__intro{max-width:860px}.settings-premiumOffer__title{margin:0;font-size:clamp(38px,5vw,72px);line-height:.94;font-weight:900;letter-spacing:-.05em;color:#f7f7fb}.settings-premiumOffer__title span{color:#86a1ff}.settings-premiumOffer__subtitle{max-width:760px;margin:16px 0 0;color:#fffc;font-size:clamp(15px,1.8vw,18px);line-height:1.5}.settings-premiumOffer__highlightRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.settings-premiumOffer__highlight{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:20px;border:1px solid rgba(126,139,255,.14);background:linear-gradient(180deg,#292f5c85,#141832b8);box-shadow:inset 0 1px #ffffff0a}.settings-premiumOffer__highlightIcon{width:38px;height:38px;flex-shrink:0;border-radius:14px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.24),transparent 35%),linear-gradient(180deg,#7890ff66,#5b67d92e);border:1px solid rgba(145,161,255,.18)}.settings-premiumOffer__highlightTitle{color:#f6f7ff;font-size:15px;font-weight:800}.settings-premiumOffer__highlightText{margin-top:4px;color:#ffffff9e;font-size:13px;line-height:1.45}.settings-premiumOffer__selectorRow{display:flex;align-items:center;justify-content:space-between;gap:18px}.settings-premiumOffer__proof{display:flex;align-items:center;gap:14px;min-width:0}.settings-premiumOffer__proofFaces{display:inline-flex;align-items:center;padding-right:8px}.settings-premiumOffer__proofFaces span{width:32px;height:32px;margin-right:-8px;border-radius:50%;border:2px solid rgba(11,13,28,.92);background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.2),transparent 34%),linear-gradient(180deg,#ffd596d1,#7091ffd1)}.settings-premiumOffer__proofTitle{color:var(--label);font-size:14px;font-weight:800}.settings-premiumOffer__proofText{margin-top:4px;color:#ffffff94;font-size:13px;line-height:1.4}.settings-premiumOffer__switch{display:inline-flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:#181c3adb;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0a}.settings-premiumOffer__switchBtn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:#ffffff9e;font-size:14px;font-weight:800;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.settings-premiumOffer__switchBtn span{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#8495ff24;color:#b8c6ff;font-size:11px;font-weight:800}.settings-premiumOffer__switchBtn:hover{color:var(--label)}.settings-premiumOffer__switchBtn.is-active{background:linear-gradient(180deg,#7b8cff66,#586bdc4d);color:#fff;transform:translateY(-1px)}.settings-premiumOffer__plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-billingCard{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px;min-height:216px;padding:26px 24px 22px;border:1px solid rgba(126,139,255,.14);border-radius:26px;background:linear-gradient(180deg,#10142be6,#0a0d1ef5);color:inherit;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.settings-billingCard:hover{transform:translateY(-2px);border-color:#91a1ff4d}.settings-billingCard.is-active{border-color:#976bff8f;background:radial-gradient(circle at 100% 0%,rgba(144,109,255,.16),transparent 36%),linear-gradient(180deg,#221e4af5,#12122bfa);box-shadow:0 18px 36px #392c7647,inset 0 0 0 1px #ffffff0a}.settings-billingCard__ribbon{align-self:flex-start;min-height:28px;padding:0 12px;border-radius:999px;background:#9879ff2e;color:#dcd2ff;font-size:11px;font-weight:900;line-height:28px;letter-spacing:.08em;text-transform:uppercase}.settings-billingCard__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.settings-billingCard__label{color:#f5f6ff;font-size:18px;font-weight:800}.settings-billingCard__subtitle{margin-top:6px;color:#ffffff9e;font-size:14px}.settings-billingCard__radio{width:24px;height:24px;flex-shrink:0;border-radius:50%;border:2px solid rgba(255,255,255,.22);background:#ffffff05;box-shadow:inset 0 0 0 5px transparent}.settings-billingCard.is-active .settings-billingCard__radio{border-color:#9db0ffcc;background:radial-gradient(circle,#dfe7ff 0 34%,transparent 38%)}.settings-billingCard__priceRow{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.settings-billingCard__amount{color:#eef1ff;font-size:clamp(42px,5vw,60px);line-height:.9;font-weight:900;letter-spacing:-.05em}.settings-billingCard__currency,.settings-billingCard__period{color:#ffffffb8;font-size:16px;font-weight:700}.settings-billingCard__detailRow{display:flex;align-items:center;gap:10px;min-height:30px;flex-wrap:wrap}.settings-billingCard__badge,.settings-billingCard__current{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:800}.settings-billingCard__badge{background:#7a8bff29;color:#bed0ff}.settings-billingCard__current{background:#ffffff14;color:#fff}.settings-billingCard__detail{margin-top:auto;color:#ffffffb8;font-size:14px;line-height:1.45}.settings-premiumOffer__ctaWrap{display:flex;flex-direction:column;gap:14px}.settings-premiumOffer__cta{display:grid;grid-template-columns:26px 1fr 26px;align-items:center;gap:16px;width:100%;min-height:72px;padding:0 24px;border:0;border-radius:22px;background:linear-gradient(180deg,#f7da8b,#e7b958);color:#15120f;font-size:clamp(20px,2.3vw,24px);font-weight:900;cursor:pointer;box-shadow:0 18px 42px #e7b95833}.settings-premiumOffer__cta:hover{filter:brightness(1.02)}.settings-premiumOffer__cta:disabled{cursor:default;opacity:.92;filter:saturate(.66)}.settings-premiumOffer__ctaLock{position:relative;width:18px;height:14px;margin-left:4px;border:2px solid currentColor;border-radius:4px}.settings-premiumOffer__ctaLock:before{content:"";position:absolute;left:50%;bottom:calc(100% - 2px);width:12px;height:10px;border:2px solid currentColor;border-bottom:0;border-radius:10px 10px 0 0;transform:translate(-50%)}.settings-premiumOffer__ctaArrow{position:relative;width:18px;height:18px;justify-self:end}.settings-premiumOffer__ctaArrow:before,.settings-premiumOffer__ctaArrow:after{content:"";position:absolute;top:50%}.settings-premiumOffer__ctaArrow:before{left:0;width:18px;height:2px;background:currentColor;transform:translateY(-50%)}.settings-premiumOffer__ctaArrow:after{right:0;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translateY(-50%) rotate(45deg)}.settings-premiumOffer__microMeta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;color:#ffffffa3;font-size:13px}.settings-premiumOffer__microMeta span{display:inline-flex;align-items:center;gap:8px}.settings-premiumOffer__microMeta span:not(:first-child):before{content:"";width:4px;height:4px;border-radius:50%;background:#ffffff47}.settings-premiumOffer__reassurance{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 22px}.settings-premiumOffer__reassuranceItem{display:inline-flex;align-items:center;gap:10px;color:#fffc;font-size:14px}.settings-premiumOffer__reassuranceItem:before{content:"";width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,230,170,.94) 0 26%,transparent 30%),linear-gradient(180deg,#ffd79247,#ffd79214);border:1px solid rgba(255,218,155,.22)}.settings-premiumOffer__secondary{align-self:center;border:0;background:transparent;color:#ffffff9e;font-size:13px;font-weight:800;cursor:pointer}.settings-premiumOffer__secondary:hover{color:var(--label)}.settings-premiumOffer__featuresWrap{display:flex;flex-direction:column;gap:18px}.settings-premiumOffer__sectionHead{display:flex;justify-content:center;text-align:center}.settings-premiumOffer__featuresTitle{color:#f8f8ff;font-size:clamp(28px,3.4vw,40px);font-weight:900;letter-spacing:-.03em}.settings-premiumOffer__featuresSubtitle{max-width:680px;margin:10px auto 0;color:#ffffffad;font-size:15px;line-height:1.5}.settings-premiumOffer__featureGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.settings-premiumOffer__featureCard{--feature-accent: rgba(130, 148, 255, .48);--feature-accent-soft: rgba(130, 148, 255, .14);display:flex;align-items:flex-start;gap:16px;min-height:160px;padding:20px 18px;border-radius:22px;border:1px solid rgba(126,139,255,.12);background:radial-gradient(circle at 0% 0%,var(--feature-accent-soft),transparent 40%),linear-gradient(180deg,#181b3ad6,#0e1023f0);box-shadow:inset 0 1px #ffffff08}.settings-premiumOffer__featureCard.is-rhythm{--feature-accent: rgba(244, 199, 112, .56);--feature-accent-soft: rgba(244, 199, 112, .16)}.settings-premiumOffer__featureCard.is-ear{--feature-accent: rgba(129, 136, 255, .56);--feature-accent-soft: rgba(129, 136, 255, .16)}.settings-premiumOffer__featureCard.is-tracks{--feature-accent: rgba(124, 159, 255, .56);--feature-accent-soft: rgba(124, 159, 255, .16)}.settings-premiumOffer__featureCard.is-focus{--feature-accent: rgba(255, 212, 142, .56);--feature-accent-soft: rgba(255, 212, 142, .16)}.settings-premiumOffer__featureCard.is-flow{--feature-accent: rgba(142, 166, 255, .56);--feature-accent-soft: rgba(142, 166, 255, .16)}.settings-premiumOffer__featureCard.is-progress{--feature-accent: rgba(255, 196, 104, .56);--feature-accent-soft: rgba(255, 196, 104, .16)}.settings-premiumOffer__featureIcon{position:relative;width:52px;height:52px;flex-shrink:0;border-radius:18px;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.2),transparent 30%),linear-gradient(180deg,var(--feature-accent),rgba(14,16,34,.22));box-shadow:inset 0 1px #ffffff24}.settings-premiumOffer__featureIcon:before,.settings-premiumOffer__featureIcon:after{content:"";position:absolute;background:#fffffff0;border-radius:999px}.settings-premiumOffer__featureIcon:before{left:16px;right:16px;top:24px;height:4px}.settings-premiumOffer__featureIcon:after{top:16px;bottom:16px;left:24px;width:4px}.settings-premiumOffer__featureTitle{margin:2px 0 0;color:#f6f7ff;font-size:17px;font-weight:800;line-height:1.3}.settings-premiumOffer__featureText{margin:8px 0 0;color:#ffffffa8;font-size:14px;line-height:1.5}.global-midi-badge{position:fixed;top:calc(42px + env(safe-area-inset-top));right:calc(148px + env(safe-area-inset-right));z-index:12000;display:inline-flex;align-items:center;gap:6px;min-height:34px;max-width:min(190px,calc(100vw - 32px));padding:0 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#191c24c2;color:#f7f8fdf5;box-shadow:inset 0 1px #ffffff14,0 10px 26px #00000057;font-size:12px;font-weight:720;line-height:1;letter-spacing:0;white-space:nowrap;pointer-events:none;transform:translateY(0);opacity:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity .52s ease,transform .52s ease,background .52s ease,border-color .52s ease,box-shadow .52s ease,color .52s ease}.global-midi-badge.is-muted{opacity:0;transform:translateY(-6px) scale(.96);border-color:#fff0;background:#191c2400;box-shadow:none}.global-midi-badge.is-disconnected{border-color:#ff5e5eb8;background:#5c1216db;color:#ffd7d7;box-shadow:0 12px 28px #00000042,0 0 22px #ff4e4e47}.global-midi-badge.is-flashing{animation:global-midi-badge-alert .52s ease-out both}.global-midi-badge__dot{width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:#25e35f;box-shadow:0 0 12px #25e35f94}.audio-loading-badge{position:fixed;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:12000;display:inline-flex;align-items:center;gap:8px;min-height:34px;max-width:min(280px,calc(100vw - 32px));padding:0 14px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#191c24c7;color:#f7f8fdf5;box-shadow:inset 0 1px #ffffff14,0 10px 26px #00000057;font-size:12px;font-weight:720;line-height:1;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:audio-loading-badge-in .22s ease-out both}.audio-loading-badge__spinner{width:13px;height:13px;flex:0 0 auto;border-radius:999px;border:2px solid rgba(255,255,255,.24);border-top-color:#ffffffeb;animation:audio-loading-badge-spin .72s linear infinite}@keyframes audio-loading-badge-spin{to{transform:rotate(360deg)}}@keyframes audio-loading-badge-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.audio-loading-badge__spinner{animation-duration:1.4s}.audio-loading-badge{animation:none}}@keyframes global-midi-badge-alert{0%{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}34%{opacity:1;transform:translateY(0) scale(1.06);filter:brightness(1.55)}68%{opacity:1;transform:translateY(0) scale(.99);filter:brightness(1.18)}to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}@media(max-width:768px){.settings-shell,.settings-shell--billing,.settings-shell--billingFree{width:100%;max-width:100%;height:calc(100dvh - var(--mobile-nav-reserved));min-height:0;padding:12px 12px 10px;overflow:hidden}.settings-detail{height:100%;min-height:0;display:flex;flex-direction:column;gap:12px;overflow:hidden}.settings-pageHeader{flex:0 0 auto;margin:0;padding:2px 2px 0}.settings-pageHeader__title{font-size:clamp(28px,8vw,36px);line-height:1}.settings-tabs{flex:0 0 auto;align-items:stretch;gap:8px;margin:0 -12px;padding:0 12px 2px;border-bottom:0;overflow-x:auto;scroll-padding-inline:12px}.settings-tabs__tab{min-height:40px;padding:0 14px;border:1px solid var(--border-soft);border-radius:999px;background:var(--settings-control-bg, var(--control-bg));color:var(--muted);font-size:13px;font-weight:760;white-space:nowrap}.settings-tabs__tab.is-active{border-color:color-mix(in srgb,var(--accent) 48%,var(--border-soft));background:color-mix(in srgb,var(--accent) 16%,var(--settings-control-bg, var(--control-bg)));color:var(--label)}.settings-tabs__tab:after{content:none}.settings-stack,.settings-project{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:10px}.settings-panel,.settings-stack--general .settings-panel,.settings-stack--general .settings-panel--subtle{flex:0 0 auto;padding:14px;border-radius:16px;box-shadow:none}.settings-panel__header,.settings-stack--general .settings-panel__header,.settings-stack--general .settings-panel--subtle .settings-panel__header{padding-bottom:10px}.settings-panel__title{font-size:17px}.settings-row,.settings-line{min-height:52px;gap:12px;padding:10px 0}.settings-row{grid-template-columns:minmax(0,1fr) auto}.settings-row__label,.settings-line__title{font-size:14px;font-weight:740}.settings-row__hint,.settings-line__hint{font-size:12px;line-height:1.25}.settings-rowSelect__control,.settings-selectField__control{height:40px;border-radius:12px;font-size:13px}.settings-seg{min-height:40px;padding:3px;border-radius:14px}.settings-seg__btn{min-height:32px;border-radius:11px;padding-inline:10px;font-size:13px}}:root{--mobile-nav-height: 82px;--mobile-sheet-closed-height: 52px;--mobile-safe-bottom: env(safe-area-inset-bottom, 0px);--mobile-nav-reserved: calc(var(--mobile-nav-height) + var(--mobile-safe-bottom));--mobile-bottom-reserved: calc(var(--mobile-nav-reserved) + var(--mobile-sheet-closed-height));--mobile-sheet-bg: #181e28;--mobile-sheet-border: rgba(255, 255, 255, .14)}:root[data-theme=light]{--mobile-sheet-bg: #ffffff;--mobile-sheet-border: rgba(15, 23, 42, .12)}.mobile-bottom-nav,.mobile-segmented-control,.mobile-bottom-sheet{display:none}@media(max-width:1024px)and (min-width:769px){#root{overflow-x:hidden}.app-shell{min-width:0;grid-template-columns:var(--sidebar-collapsed-w) minmax(0,1fr)}.app-nav{padding:18px 12px}.app-nav .brand{grid-template-columns:1fr;justify-items:center;gap:0;padding:4px 0 18px}.app-nav .brand__title,.app-nav .nav-label,.app-nav .user-btn__info,.app-nav .user-btn__menu-toggle{display:none}.app-nav .app-nav-toggle{grid-column:auto;grid-row:auto}.app-nav .side-nav,.app-nav .app-nav-footer{justify-items:center}.app-nav .side-btn,.app-nav .user-btn{width:48px;justify-content:center;gap:0;padding-inline:0}}@media(max-width:768px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{overscroll-behavior:none}#root{overflow-y:hidden}.app-shell,.app-shell.is-sidebar-collapsed,.app-shell.is-shell-focus{width:100%;min-width:0;height:100dvh;grid-template-columns:minmax(0,1fr)}.app-nav{display:none}.app-main,.app-main.is-games,.app-main.is-repertoire,.app-shell.is-shell-focus .app-main.is-repertoire{width:100%;min-width:0;height:100dvh;padding:env(safe-area-inset-top) 0 var(--mobile-nav-reserved);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-main.is-pricing{height:100dvh}.with-bottom-nav{padding-bottom:0}.mobile-bottom-nav{position:fixed;z-index:9000;left:0;right:0;bottom:0;display:block;min-height:var(--mobile-nav-reserved);padding:8px 10px var(--mobile-safe-bottom);border-top:1px solid var(--navBorder);background:color-mix(in srgb,var(--navBg) 92%,transparent);box-shadow:0 -14px 36px color-mix(in srgb,var(--shadow-color) 42%,transparent);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%)}.mobile-bottom-nav__items{min-height:66px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}.mobile-bottom-nav__item{min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:14px;color:var(--muted);font-size:11px;font-weight:650;line-height:1.1;text-align:center;text-decoration:none!important;-webkit-text-decoration:none!important;transition:color .14s ease,background .14s ease}a.mobile-bottom-nav__item,a.mobile-bottom-nav__item:visited,.mobile-bottom-nav__item:hover,.mobile-bottom-nav__item:focus,.mobile-bottom-nav__item:active{text-decoration:none!important;-webkit-text-decoration:none!important}.mobile-bottom-nav__item.is-active{color:var(--mobile-nav-active, var(--accent));background:color-mix(in srgb,var(--mobile-nav-active, var(--accent)) 18%,transparent)}.mobile-bottom-nav__item.is-disabled{opacity:.38;pointer-events:none}.mobile-bottom-nav.is-backing-tone{--mobile-nav-active: var(--backing-accent, #f5c84c)}.mobile-bottom-nav__icon{width:24px;height:24px}.mobile-segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(92vw,430px);min-height:52px;margin:12px auto 0;padding:4px;border:1px solid var(--surfaceBorder);border-radius:999px;background:var(--surface-subtle);box-shadow:var(--shadow-soft)}.mobile-segmented-control__item{min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;color:var(--muted);font-weight:800;text-decoration:none!important;-webkit-text-decoration:none!important}a.mobile-segmented-control__item,a.mobile-segmented-control__item:visited,.mobile-segmented-control__item:hover,.mobile-segmented-control__item:focus,.mobile-segmented-control__item:active{text-decoration:none!important;-webkit-text-decoration:none!important}.mobile-segmented-control__item.is-active{border-color:var(--accent-border);background:var(--surface-active);color:var(--accent)}.mobile-segmented-control__icon{width:20px;height:20px}.mobile-bottom-sheet__backdrop{position:fixed;z-index:8700;inset:0 0 var(--mobile-nav-reserved);display:block;width:100%;border:0;padding:0;background:linear-gradient(180deg,#030712a3,#030712eb);cursor:default;touch-action:none}.mobile-bottom-sheet{--mobile-sheet-accent: var(--accent);--mobile-sheet-max-height: min(82dvh, calc(100dvh - var(--mobile-nav-reserved) - 8px));position:fixed;z-index:8800;left:0;right:0;bottom:calc(var(--mobile-nav-reserved) - 1px);display:block;height:var(--mobile-sheet-closed-height);max-height:var(--mobile-sheet-closed-height);border:1px solid var(--mobile-sheet-border);border-bottom:0;border-radius:24px 24px 0 0;background:var(--mobile-sheet-bg);box-shadow:0 -18px 42px color-mix(in srgb,var(--shadow-color) 54%,transparent);font-family:var(--font-sans, Inter, system-ui, -apple-system, "Segoe UI", sans-serif);overflow:hidden;-webkit-backdrop-filter:none;backdrop-filter:none;transition:max-height .22s cubic-bezier(.2,.8,.2,1)}.mobile-bottom-sheet.is-open{display:grid;grid-template-rows:var(--mobile-sheet-closed-height) minmax(0,1fr);height:auto;max-height:var(--mobile-sheet-max-height)}.mobile-bottom-sheet__toggle{width:100%;min-height:var(--mobile-sheet-closed-height);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 18px;border:0;background:transparent;color:var(--label);font:inherit;text-align:left;cursor:pointer}.mobile-bottom-sheet__handle{position:absolute;top:6px;left:50%;width:48px;height:5px;border-radius:99px;background:var(--muted2);transform:translate(-50%)}.mobile-bottom-sheet__title{min-width:0;display:inline-flex;align-items:center;gap:10px;color:var(--label);font-size:16px;font-weight:850}.mobile-bottom-sheet__title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-bottom-sheet__titleIcon{width:20px;height:20px;color:var(--mobile-sheet-accent)}.mobile-bottom-sheet__chevron{width:22px;height:22px;color:var(--muted);transition:transform .18s ease}.mobile-bottom-sheet.is-open .mobile-bottom-sheet__chevron{transform:rotate(180deg)}.mobile-bottom-sheet__body{box-sizing:border-box;min-height:0;height:auto;max-height:calc(var(--mobile-sheet-max-height) - var(--mobile-sheet-closed-height));padding:0 14px 20px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.metronome.metro-page .metro-bottom-row,.metronome.backing-page .metro-bottom-row.backing-bottom-row{bottom:calc(var(--mobile-sheet-closed-height) + 24px)!important}.fc-page .fc-mobile-tapHint{display:none!important}.mobile-bottom-sheet:not(.is-open) .mobile-bottom-sheet__body{visibility:hidden;pointer-events:none}.metronome.metro-page>.mobile-bottom-sheet,.fc-wrap.fc-page>.mobile-bottom-sheet{position:absolute;z-index:8800;left:0;right:0;bottom:0}.metronome.metro-page>.mobile-bottom-sheet{bottom:18px}.metronome.metro-page>.mobile-bottom-sheet__backdrop,.fc-wrap.fc-page>.mobile-bottom-sheet__backdrop{position:absolute;z-index:8700;inset:0}.metronome.metro-page>.mobile-bottom-sheet__backdrop{bottom:18px}.mobile-option-row{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-top:1px solid var(--surfaceBorder)}.mobile-option-row__label{min-width:0;flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:13.5px;font-weight:720;line-height:1.2}.mobile-option-row__icon{display:grid;place-items:center;color:var(--mobile-sheet-accent)}.mobile-option-row__icon svg{width:19px;height:19px}.mobile-option-row__control{min-width:0;flex:0 1 auto;display:inline-flex;align-items:center;justify-content:flex-end;color:var(--label);font-weight:800}.mobile-option-row select,.mobile-option-row input{font:inherit;max-width:min(44vw,170px)}.mobile-option-row select{min-height:38px;padding:0 30px 0 10px;border:1px solid var(--control-border);border-radius:11px;background:var(--control-bg);color:var(--label)}.mobile-option-row input[type=range]{width:min(38vw,150px);accent-color:var(--mobile-sheet-accent)}.mobile-switch{position:relative;width:46px;height:28px;padding:0;border:1px solid var(--control-border);border-radius:999px;background:var(--control-bg);cursor:pointer;transition:background .14s ease,border-color .14s ease}.mobile-switch span{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--control-thumb);box-shadow:0 2px 6px var(--shadow-color);transition:transform .14s ease}.mobile-switch.is-on{border-color:var(--mobile-sheet-accent);background:var(--mobile-sheet-accent)}.mobile-switch.is-on span{transform:translate(18px)}}@media(max-width:480px){:root{--mobile-nav-height: 76px}.mobile-bottom-nav{padding-inline:4px}.mobile-bottom-nav__item{font-size:10px}.mobile-bottom-nav__icon{width:22px;height:22px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:44px;padding:0 var(--sp-6);border-radius:var(--r-md);border:1px solid transparent;font:800 var(--text-md)/1 var(--font-sans);letter-spacing:.2px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),transform var(--dur-1) var(--ease);white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;pointer-events:none}.btn--primary{background:#4674c638;border-color:#4674c65c;color:var(--label)}.btn--primary:hover{background:#4674c64d;border-color:#4674c675}.btn--ghost{background:transparent;border-color:var(--surfaceBorder);color:var(--label)}.btn--ghost:hover{background:var(--surfaceHover)}.btn--full{width:100%}.btn--sm{height:36px;padding:0 var(--sp-4);font-size:var(--text-sm)}.premium-badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:999px;background:linear-gradient(135deg,#ffc30038,#ff78002e);border:1px solid rgba(255,195,0,.35);color:#f5c842;font:800 11px/1 var(--font-sans);letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.premium-badge__icon{width:12px;height:12px}.premium-gate{position:relative;border-radius:var(--r-lg);overflow:hidden}.premium-gate__preview{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.55}.premium-gate__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.premium-gate__card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-8);background:var(--surface);border:1px solid var(--surfaceBorder);border-radius:var(--r-xl);text-align:center;max-width:280px}.premium-gate__lock{width:28px;height:28px}.premium-gate__label{font:700 var(--text-md)/1.4 var(--font-sans);color:var(--label);margin:0}.premium-gate__hint{font:500 var(--text-sm)/1.5 var(--font-sans);color:var(--muted2);margin:0}.plan-badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font:800 var(--text-sm)/1 var(--font-sans);letter-spacing:.4px;text-transform:uppercase}.plan-badge--free{background:var(--surface);border:1px solid var(--surfaceBorder);color:var(--muted)}.plan-badge--premium{background:linear-gradient(135deg,#ffc30038,#ff78002e);border:1px solid rgba(255,195,0,.35);color:#f5c842}.pricing-page{max-width:900px;margin:0 auto;padding:var(--sp-8) var(--sp-6) var(--sp-16);display:flex;flex-direction:column;gap:var(--sp-12)}.pricing-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.pricing-hero__title{font:800 var(--text-3xl)/1.15 var(--font-sans);color:var(--label);margin:0;letter-spacing:-.4px}.pricing-hero__subtitle{font:500 var(--text-lg)/1.5 var(--font-sans);color:var(--muted);margin:0;max-width:420px}.pricing-hero__current{font:600 var(--text-sm)/1 var(--font-sans);color:var(--muted2);display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--sp-6);align-items:start}.pricing-card{position:relative;display:flex;flex-direction:column;gap:var(--sp-6);padding:var(--sp-8);background:var(--surface);border:1px solid var(--surfaceBorder);border-radius:var(--r-xl);transition:border-color var(--dur-2) var(--ease)}.pricing-card--highlighted{background:#4674c612;border-color:#4674c659;box-shadow:0 0 0 1px #4674c633,var(--shadow-1)}.pricing-card--current{border-color:#ffc3004d}.pricing-card__badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);height:26px;padding:0 14px;border-radius:999px;background:#4674c6e6;color:#fff;font:800 var(--text-xs)/26px var(--font-sans);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.pricing-card__badge--current{background:#ffc300cc;color:#1a1200}.pricing-card__header{display:flex;flex-direction:column;gap:var(--sp-2)}.pricing-card__name{font:800 var(--text-2xl)/1 var(--font-sans);color:var(--label);margin:0;letter-spacing:-.2px}.pricing-card__description{font:500 var(--text-sm)/1.5 var(--font-sans);color:var(--muted);margin:0}.pricing-card__price{display:flex;align-items:baseline;gap:var(--sp-1)}.pricing-card__amount{font:800 clamp(28px,4vw,36px)/1 var(--font-sans);color:var(--label);letter-spacing:-.5px}.pricing-card__period{font:500 var(--text-sm)/1 var(--font-sans);color:var(--muted2)}.pricing-card__features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3)}.pricing-card__feature{display:flex;align-items:center;gap:var(--sp-3);font:600 var(--text-sm)/1.4 var(--font-sans);color:var(--label)}.pricing-card__feature--locked{color:var(--muted2)}.pricing-card__feature-icon{width:18px;flex-shrink:0;font-size:12px;font-weight:900;color:var(--accent)}.pricing-card__feature--locked .pricing-card__feature-icon{color:var(--muted2)}.pricing-card__footer{margin-top:auto}.pricing-faq{display:flex;flex-direction:column;gap:var(--sp-6)}.pricing-faq__title{font:800 var(--text-xl)/1 var(--font-sans);color:var(--label);margin:0}.pricing-faq__list{display:flex;flex-direction:column;gap:var(--sp-3)}.pricing-faq__item{background:var(--surface);border:1px solid var(--surfaceBorder);border-radius:var(--r-md);overflow:hidden}.pricing-faq__question{padding:var(--sp-4) var(--sp-5);font:700 var(--text-md)/1.4 var(--font-sans);color:var(--label);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.pricing-faq__question::-webkit-details-marker{display:none}.pricing-faq__question:before{content:"›";margin-right:var(--sp-3);transition:transform var(--dur-2) var(--ease);display:inline-block}.pricing-faq__item[open] .pricing-faq__question:before{transform:rotate(90deg)}.pricing-faq__answer{padding:0 var(--sp-5) var(--sp-4);font:500 var(--text-sm)/1.6 var(--font-sans);color:var(--muted);margin:0}.pricing-devtools{padding:var(--sp-5) var(--sp-6);background:#ff5a5a0f;border:1px dashed rgba(255,90,90,.25);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:var(--sp-4)}.pricing-devtools__title{font:700 var(--text-sm)/1 var(--font-sans);color:#ff7864cc;margin:0;display:flex;align-items:center;gap:var(--sp-2);text-transform:uppercase;letter-spacing:.6px}.pricing-devtools__buttons{display:flex;gap:var(--sp-3);flex-wrap:wrap}.modal-backdrop{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--sp-6);animation:fadeIn var(--dur-2) var(--ease)}.modal-sheet{position:relative;background:var(--surface);border:1px solid var(--surfaceBorder);border-radius:var(--r-xl);box-shadow:var(--shadow-2);width:100%;max-width:460px;animation:slideUp var(--dur-3) var(--ease)}.modal-close{position:absolute;top:var(--sp-4);right:var(--sp-4);width:32px;height:32px;border-radius:50%;border:1px solid var(--surfaceBorder);background:var(--surface);color:var(--muted2);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--dur-2) var(--ease);z-index:1}.modal-close:hover{background:var(--surfaceHover)}.upgrade-modal__content{padding:var(--sp-10) var(--sp-8) var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-5)}.upgrade-modal__content--center{align-items:center;text-align:center;padding:var(--sp-12) var(--sp-8)}.upgrade-modal__header{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center}.upgrade-modal__icon{font-size:36px;line-height:1;color:#f5c842}.upgrade-modal__title{font:800 var(--text-2xl)/1.2 var(--font-sans);color:var(--label);margin:0;letter-spacing:-.3px}.upgrade-modal__subtitle{font:500 var(--text-sm)/1.6 var(--font-sans);color:var(--muted);margin:0}.upgrade-modal__price{display:flex;align-items:baseline;justify-content:center;gap:var(--sp-1);padding:var(--sp-5);background:#4674c612;border:1px solid rgba(70,116,198,.18);border-radius:var(--r-lg)}.upgrade-modal__amount{font:800 32px/1 var(--font-sans);color:var(--label);letter-spacing:-.5px}.upgrade-modal__period{font:600 var(--text-sm)/1 var(--font-sans);color:var(--muted2)}.upgrade-modal__features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.upgrade-modal__feature{display:flex;align-items:center;gap:var(--sp-3);font:600 var(--text-sm)/1.4 var(--font-sans);color:var(--label)}.upgrade-modal__check{width:18px;flex-shrink:0;color:var(--accent);font-weight:900;font-size:12px}.upgrade-modal__mock-notice{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:#ffc8000f;border:1px solid rgba(255,200,0,.15);border-radius:var(--r-sm);font:600 var(--text-xs)/1.4 var(--font-sans);color:#ffc300bf;text-align:center}.upgrade-modal__terms{font:500 var(--text-xs)/1.5 var(--font-sans);color:var(--muted2);text-align:center;margin:0}.upgrade-modal__success-icon{font-size:52px;line-height:1}.upgrade-modal__error-icon{font-size:40px;line-height:1}.upgrade-modal__spinner{width:44px;height:44px;border:3px solid var(--surfaceBorder);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.upgrade-modal__actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;justify-content:center;width:100%}.upgrade-modal__actions .btn{flex:1;min-width:120px}.prof-page{max-width:560px;margin:0 auto;padding:var(--sp-8) var(--sp-5) var(--sp-16);display:flex;flex-direction:column;gap:var(--sp-5)}.prof-header{position:relative;overflow:hidden;padding:var(--sp-8) var(--sp-7) var(--sp-7);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--surfaceBorder);display:flex;flex-direction:column;gap:var(--sp-4)}.prof-header__glow{position:absolute;top:-40px;left:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(70,116,198,.18) 0%,transparent 70%);pointer-events:none}.prof-header__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4)}.prof-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(145deg,#4674c659,#4674c626);border:2px solid rgba(70,116,198,.45);box-shadow:0 0 0 4px #4674c61a;display:flex;align-items:center;justify-content:center;font:800 30px/1 var(--font-sans);color:var(--accent);flex-shrink:0;letter-spacing:-1px}.prof-badge{flex-shrink:0;height:26px;padding:0 12px;border-radius:999px;font:800 var(--text-xs)/26px var(--font-sans);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.prof-badge--free{background:#ffffff0d;border:1px solid var(--surfaceBorder);color:var(--muted2)}.prof-badge--premium{background:linear-gradient(135deg,#ffc30033,#ff780026);border:1px solid rgba(255,195,0,.35);color:#f5c842}.prof-header__info{display:flex;flex-direction:column;gap:var(--sp-1)}.prof-header__email{font:700 var(--text-lg)/1.2 var(--font-sans);color:var(--label)}.prof-header__since{font:500 var(--text-sm)/1 var(--font-sans);color:var(--muted2)}.prof-section{display:flex;flex-direction:column;gap:var(--sp-3)}.prof-section__title{font:800 var(--text-xs)/1 var(--font-sans);letter-spacing:.8px;text-transform:uppercase;color:var(--muted2);margin:0;padding:0 var(--sp-1)}.prof-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.prof-stat{background:var(--surface);border:1px solid var(--surfaceBorder);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-5) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);transition:border-color var(--dur-2) var(--ease),background var(--dur-2) var(--ease)}.prof-stat:hover{background:var(--surfaceHover);border-color:#4674c633}.prof-stat--accent{background:linear-gradient(145deg,#ff6e3214,#ff32320d);border-color:#ff6e3233}.prof-stat--accent:hover{background:linear-gradient(145deg,#ff6e3221,#ff323214);border-color:#ff6e3252}.prof-stat__icon{font-size:20px;line-height:1}.prof-stat__value{font:800 var(--text-2xl)/1 var(--font-sans);color:var(--label);letter-spacing:-.5px}.prof-stat__label{font:600 var(--text-xs)/1 var(--font-sans);color:var(--muted2);text-transform:uppercase;letter-spacing:.4px}.prof-actions-list{display:flex;flex-direction:column;gap:var(--sp-2)}.prof-action{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);background:var(--surface);border:1px solid var(--surfaceBorder);border-radius:var(--r-lg);cursor:pointer;text-align:left;width:100%;transition:background var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),transform var(--dur-1) var(--ease)}.prof-action:hover{background:var(--surfaceHover);border-color:#4674c640;transform:translate(2px)}.prof-action:active{transform:translate(1px)}.prof-action:focus-visible{outline:none;box-shadow:var(--ring)}.prof-action__icon{font-size:20px;width:40px;height:40px;border-radius:var(--r-md);background:#4674c61f;border:1px solid rgba(70,116,198,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0}.prof-action__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.prof-action__label{font:700 var(--text-md)/1 var(--font-sans);color:var(--label)}.prof-action__desc{font:500 var(--text-sm)/1 var(--font-sans);color:var(--muted2)}.prof-action__arrow{font-size:16px;color:var(--muted2);flex-shrink:0;transition:transform var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}.prof-action:hover .prof-action__arrow{color:var(--accent);transform:translate(3px)}.prof-sub-card{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) var(--sp-5);background:var(--surface);border:1px solid var(--surfaceBorder);border-radius:var(--r-lg)}.prof-sub-card__left{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.prof-sub-card__icon{font-size:18px;color:#f5c842;flex-shrink:0}.prof-sub-card__plan{font:800 var(--text-md)/1 var(--font-sans);color:var(--label)}.prof-sub-card__desc{font:500 var(--text-xs)/1.4 var(--font-sans);color:var(--muted2);margin-top:3px}.prof-sub-card__active{height:22px;padding:0 10px;border-radius:999px;background:#3cc8641f;border:1px solid rgba(60,200,100,.28);font:800 var(--text-xs)/22px var(--font-sans);color:#5adc82e6;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.prof-upgrade-btn{flex-shrink:0;height:36px;padding:0 var(--sp-5);border-radius:999px;border:1px solid rgba(255,195,0,.35);background:linear-gradient(135deg,#ffc30029,#ff78001f);color:#f5c842;font:800 var(--text-sm)/1 var(--font-sans);cursor:pointer;white-space:nowrap;transition:background var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),transform var(--dur-1) var(--ease)}.prof-upgrade-btn:hover{background:linear-gradient(135deg,#ffc3003d,#ff78002e);border-color:#ffc30080}.prof-upgrade-btn:active{transform:translateY(1px)}.prof-upgrade-btn:disabled{opacity:.45;pointer-events:none}.prof-upgrade-btn:focus-visible{outline:none;box-shadow:var(--ring)}.prof-cancel-link{background:none;border:none;padding:var(--sp-1) var(--sp-1);font:500 var(--text-xs)/1 var(--font-sans);color:var(--muted2);cursor:pointer;text-align:left;align-self:flex-start}.prof-cancel-link:hover{color:#ff6464cc;text-decoration:underline}.prof-cancel-link:disabled{opacity:.45;pointer-events:none}.prof-account-list{background:var(--surface);border:1px solid var(--surfaceBorder);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column}.prof-account-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);min-height:48px;border-bottom:1px solid var(--surfaceBorder)}.prof-account-row:last-of-type{border-bottom:none}.prof-account-row__label{font:600 var(--text-sm)/1 var(--font-sans);color:var(--muted2);flex-shrink:0}.prof-account-row__value{font:600 var(--text-sm)/1 var(--font-sans);color:var(--label);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prof-account-row__link{background:none;border:none;padding:0;font:700 var(--text-sm)/1 var(--font-sans);color:var(--accent);cursor:pointer}.prof-account-row__link:hover{text-decoration:underline}.prof-signout-btn{width:100%;padding:var(--sp-3) var(--sp-5);background:none;border:none;border-top:1px solid var(--surfaceBorder);font:700 var(--text-sm)/1 var(--font-sans);color:#ff6464cc;cursor:pointer;text-align:left;transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}.prof-signout-btn:hover{background:#dc3c3c0f;color:#ff6464}.prof-signout-btn:disabled{opacity:.45;pointer-events:none}.prof-signout-btn:focus-visible{outline:none;box-shadow:var(--ring)}.prof-pw-form{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--surfaceBorder);border-bottom:1px solid var(--surfaceBorder);background:#0000000f}.prof-pw-input{height:40px;width:100%;border-radius:var(--r-md);border:1px solid var(--surfaceBorder);background:#00000026;color:var(--label);padding:0 var(--sp-4);font:600 var(--text-md)/1 var(--font-sans);outline:none;box-sizing:border-box;transition:border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.prof-pw-input::placeholder{color:var(--muted2)}.prof-pw-input:focus{border-color:#4674c673;box-shadow:var(--ring)}.prof-pw-actions{display:flex;gap:var(--sp-3)}.prof-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:40px;padding:0 var(--sp-5);border-radius:var(--r-md);border:1px solid transparent;font:700 var(--text-sm)/1 var(--font-sans);cursor:pointer;transition:background var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),transform var(--dur-1) var(--ease);white-space:nowrap}.prof-btn:focus-visible{outline:none;box-shadow:var(--ring)}.prof-btn:active{transform:translateY(1px)}.prof-btn:disabled{opacity:.45;pointer-events:none}.prof-btn--primary{background:#4674c638;border-color:#4674c65c;color:var(--label)}.prof-btn--primary:hover{background:#4674c64d;border-color:#4674c675}.prof-btn--ghost{background:transparent;border-color:var(--surfaceBorder);color:var(--label)}.prof-btn--ghost:hover{background:var(--surfaceHover)}.prof-btn--danger{background:#dc3c3c1f;border-color:#dc3c3c47;color:#ff6464e6}.prof-btn--danger:hover{background:#dc3c3c33;border-color:#dc3c3c66}.prof-btn--sm{height:32px;padding:0 var(--sp-4);font-size:var(--text-xs)}.prof-devtools{border-radius:var(--r-md);border:1px dashed rgba(255,180,100,.18);background:#ff783208;overflow:hidden}.prof-devtools__summary{list-style:none;padding:var(--sp-3) var(--sp-4);font:600 var(--text-xs)/1 var(--font-sans);color:#ffb46480;cursor:pointer;letter-spacing:.3px;-webkit-user-select:none;user-select:none}.prof-devtools__summary::-webkit-details-marker{display:none}.prof-devtools__summary:hover{color:#ffb464b3}.prof-devtools__body{display:flex;gap:var(--sp-3);flex-wrap:wrap;padding:0 var(--sp-4) var(--sp-4)}.prof-danger{border-radius:var(--r-md);border:1px solid rgba(220,60,60,.14);background:#dc3c3c08;overflow:hidden}.prof-danger__summary{list-style:none;padding:var(--sp-3) var(--sp-4);font:600 var(--text-xs)/1 var(--font-sans);color:#ff646473;cursor:pointer;letter-spacing:.3px;-webkit-user-select:none;user-select:none}.prof-danger__summary::-webkit-details-marker{display:none}.prof-danger__summary:hover{color:#ff6464b3}.prof-danger__body{padding:0 var(--sp-5) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.prof-danger__desc{font:500 var(--text-sm)/1.5 var(--font-sans);color:var(--muted2);margin:0}.prof-toast{position:fixed;bottom:var(--sp-8);left:50%;transform:translate(-50%);padding:var(--sp-3) var(--sp-6);border-radius:999px;font:700 var(--text-sm)/1.4 var(--font-sans);display:flex;align-items:center;gap:var(--sp-2);white-space:nowrap;z-index:1000;animation:slideUp var(--dur-3) var(--ease);box-shadow:var(--shadow-2)}.prof-toast--ok{background:#142814eb;border:1px solid rgba(60,200,100,.35);color:#5adc82f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.prof-toast--err{background:#280f0feb;border:1px solid rgba(220,60,60,.35);color:#ff6e6ef2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.upgrade-modal.modal-sheet{max-width:980px;overflow:hidden;background:radial-gradient(circle at top right,rgba(255,173,106,.12),transparent 22%),linear-gradient(180deg,#ffffff08,#ffffff03),var(--surface)}.upgrade-modal__layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:0}.upgrade-modal__main,.upgrade-modal__preview{min-width:0}.upgrade-modal__main{padding:36px 32px 30px;display:flex;flex-direction:column;gap:18px}.upgrade-modal__preview{padding:24px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border-left:1px solid rgba(255,255,255,.06)}.upgrade-modal__eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ffd2a0c2}.upgrade-modal__title{margin:0}.upgrade-modal__cycleList{display:flex;flex-direction:column;gap:10px}.upgrade-modal__cycle{display:flex;gap:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff05;color:var(--label);text-align:left;cursor:pointer}.upgrade-modal__cycle.is-active{border-color:#ffb17a6b;background:linear-gradient(180deg,#ffb17a29,#ffb17a0f)}.upgrade-modal__cycleRadio{width:18px;height:18px;margin-top:6px;border-radius:999px;border:2px solid rgba(255,255,255,.28);flex-shrink:0}.upgrade-modal__cycle.is-active .upgrade-modal__cycleRadio{border-color:#f4efe8;background:#f4efe8;box-shadow:inset 0 0 0 4px #000000bf}.upgrade-modal__cycleCopy{display:flex;flex-direction:column;gap:4px}.upgrade-modal__cycleTop{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.upgrade-modal__cycleLabel,.upgrade-modal__includedTitle{font-size:15px;font-weight:800;color:var(--label)}.upgrade-modal__cycleBadge,.upgrade-modal__previewBadge{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.upgrade-modal__cycleAmount{font-size:18px;font-weight:800;color:var(--label)}.upgrade-modal__cycleHint{font-size:13px;color:var(--muted2)}.upgrade-modal__included{padding-top:6px}.upgrade-modal__features,.upgrade-modal__previewList{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.upgrade-modal__feature,.upgrade-modal__previewList li{position:relative;padding-left:22px;color:var(--muted);line-height:1.5}.upgrade-modal__check,.upgrade-modal__previewList li:before{position:absolute;left:0;top:3px;color:#ffcda0f5;font-weight:900}.upgrade-modal__previewList li:before{content:"+"}.upgrade-modal__previewCard{position:relative;overflow:hidden;min-height:100%;padding:24px;border-radius:28px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 18% 18%,rgba(255,174,120,.25),transparent 28%),radial-gradient(circle at 100% 0%,rgba(120,146,255,.16),transparent 30%),linear-gradient(180deg,#1a1921f5,#0c0c12fa);box-shadow:0 26px 70px #00000047}.upgrade-modal__previewLabel{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffd6b9d1}.upgrade-modal__previewPrice{margin-top:16px;font-size:clamp(30px,4vw,40px);line-height:1;font-weight:900;color:#fff7ef}.upgrade-modal__previewHint{margin-top:8px;color:#ffffffb8;line-height:1.55}.upgrade-modal__previewBadgeRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.upgrade-modal__previewBadge--hot{background:#ff708729;border-color:#ff708747;color:#ffc0d0}.upgrade-modal__successIcon,.upgrade-modal__errorIcon{min-width:120px;min-height:42px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.upgrade-modal__successIcon{border:1px solid rgba(255,196,120,.26);background:#ffc4781a;color:#ffd7aaeb}.upgrade-modal__errorIcon{border:1px solid rgba(255,100,100,.22);background:#ff64641a;color:#ff8c8cf5}.gift-page{position:relative;min-height:100%;height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);background:radial-gradient(circle at top left,rgba(90,140,255,.14),transparent 28%),linear-gradient(180deg,#0f1d37,#0a152a);overflow:hidden}.gift-page__left{display:flex;justify-content:center;padding:64px 40px 48px}.gift-page__right{display:flex;align-items:center;justify-content:center;padding:64px 40px 48px;background:linear-gradient(180deg,#0e1422a8,#080d17f0),radial-gradient(circle at bottom center,rgba(120,160,255,.18),transparent 36%)}.gift-page__content{width:min(100%,460px)}.gift-page__eyebrow{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;border:1px solid rgba(245,200,66,.24);background:#f5c84214;color:#f5d86f;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.gift-page__back{position:absolute;top:20px;left:22px;width:44px;height:44px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#080d1742;color:#ffffffd6;cursor:pointer;z-index:2;display:inline-flex;align-items:center;justify-content:center;transition:background .16s ease,border-color .16s ease,transform .16s ease}.gift-page__back:hover{background:#ffffff14;border-color:#ffffff2e;transform:translate(-1px)}.gift-page__backIcon{width:22px;height:22px}.gift-page__backIcon path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.gift-page__title{margin:18px 0 14px;font:500 clamp(38px,4.4vw,60px)/.94 Georgia,"Times New Roman",serif;color:#fff7ee;letter-spacing:-.035em;text-shadow:0 1px 0 rgba(245,200,66,.14);text-wrap:balance}.gift-page__subtitle{margin:0;max-width:430px;color:#dce4f5d6;font-size:15px;line-height:1.5}.gift-page__group{margin-top:34px}.gift-page__label{margin-bottom:12px;color:#f3de82e0;font-size:14px;font-weight:700}.gift-page__pill{border:1px solid rgba(255,255,255,.12);background:#ffffff06;color:#fff6ea;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.gift-page__pill.is-active{border-color:#f5c842d1;background:linear-gradient(180deg,#f5c8421f,#f5c8420a);box-shadow:0 0 0 1px #f5c8422e inset}.gift-page__pill:hover{transform:translateY(-1px);border-color:#ffffff38}.gift-page__durationGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.gift-page__pill{min-height:48px;border-radius:12px;font-size:14px;font-weight:700}.gift-page__totalBlock{margin-top:28px}.gift-page__totalLabel{color:#f3de82d1;font-size:14px;font-weight:700}.gift-page__totalValue{margin-top:8px;color:#fff6ea;font-size:40px;line-height:1;font-weight:900;letter-spacing:-.03em}.gift-page__footer{display:flex;justify-content:flex-end;margin-top:28px}.gift-page__next{min-width:104px;height:42px;padding:0 18px;border:0;border-radius:10px;background:#f5c842;color:#17130b;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px #f5c84238}.gift-page__previewWrap{width:100%;display:flex;justify-content:center}.gift-page__previewCard{position:relative;width:min(100%,320px);aspect-ratio:1.42 / 1;border-radius:20px;background:radial-gradient(circle at top left,rgba(245,200,66,.14),transparent 28%),radial-gradient(circle at bottom right,rgba(111,154,255,.18),transparent 30%),linear-gradient(145deg,#11284f,#1d3e75);border:1px solid rgba(105,142,224,.28);box-shadow:0 24px 64px #00000057;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.gift-page__previewTexture{position:absolute;inset:0;opacity:.34;background-image:linear-gradient(120deg,transparent 0 30%,rgba(255,230,170,.24) 31%,transparent 32%),linear-gradient(25deg,transparent 0 56%,rgba(255,230,170,.15) 57%,transparent 58%),linear-gradient(165deg,transparent 0 72%,rgba(255,230,170,.14) 73%,transparent 74%);background-size:140px 140px,120px 120px,160px 160px}.gift-page__previewBadge{position:absolute;top:14px;left:14px;z-index:1;min-height:24px;padding:0 10px;border-radius:999px;background:#f5c8422e;border:1px solid rgba(245,200,66,.34);color:#ffe89c;font-size:11px;font-weight:800;line-height:24px;letter-spacing:.08em;text-transform:uppercase}.gift-page__previewPlan{position:relative;z-index:1;margin-top:2px;color:#f5d86f;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.gift-page__previewGift{position:relative;z-index:1;width:120px;height:120px;display:grid;place-items:center}.gift-page__giftSvg{width:100%;height:100%}.gift-page__previewText{position:relative;z-index:1;margin-top:8px;color:#f4f7ff;font-size:18px;font-weight:800;text-align:center}.settings-premiumOffer--minimal{padding:clamp(26px,4vw,42px);background:radial-gradient(circle at top left,rgba(110,151,255,.16),transparent 26%),radial-gradient(circle at top right,rgba(245,200,66,.12),transparent 22%),linear-gradient(180deg,#0c1831fa,#070f1ffc)}.settings-premiumOffer__compactLayout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);gap:26px;align-items:start}.settings-premiumOffer__mainColumn{display:flex;flex-direction:column;gap:22px}.settings-premiumOffer__title--premium span{font-family:Georgia,Times New Roman,serif;font-weight:500;color:#7f9dff}.settings-premiumOffer__title.settings-premiumOffer__title--premium{font-family:Georgia,Times New Roman,serif;font-weight:500}.settings-premiumOffer__subtitle--compact{max-width:560px}.settings-premiumOffer__benefits{display:flex;flex-wrap:wrap;gap:10px}.settings-premiumOffer__benefit{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#e6ecffe0;font-size:13px;font-weight:700}.settings-premiumOffer__plans--compact .settings-billingCard{min-height:0;padding:22px 22px 20px;gap:14px}.settings-premiumOffer__plans--compact .settings-billingCard__amount{font-size:clamp(28px,3.8vw,42px)}.settings-premiumOffer__plans--compact .settings-billingCard__badge{background:#fadb971f;color:#fde4b2}.settings-premiumOffer__ctaWrap--compact{align-items:stretch}.settings-premiumOffer__signinHint{text-align:center;color:#dfe6fcad;font-size:13px}.settings-premiumOffer__summaryCard{position:relative;overflow:hidden;padding:24px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 16% 14%,rgba(245,200,66,.18),transparent 24%),radial-gradient(circle at 100% 0%,rgba(116,140,255,.18),transparent 28%),linear-gradient(180deg,#181b2efa,#0b0d18fc);box-shadow:0 26px 70px #00000038}.settings-premiumOffer__summaryEyebrow{color:#ffdbb2d1;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.settings-premiumOffer__summaryPrice{margin-top:14px;color:#fff6ee;font-size:clamp(34px,4vw,46px);line-height:.96;font-weight:900}.settings-premiumOffer__summaryHint{margin-top:8px;color:#e9efffb8;font-size:14px}.settings-premiumOffer__summaryList{margin-top:22px;display:flex;flex-direction:column;gap:12px}.settings-premiumOffer__summaryItem{position:relative;padding-left:20px;color:#f2f5ffe0;font-size:14px;line-height:1.5}.settings-premiumOffer__summaryItem:before{content:"+";position:absolute;left:0;top:0;color:#f5d26f;font-weight:900}.settings-premiumOffer__summaryTotal{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:12px;color:#f0f4ffc2;font-size:14px}.settings-premiumOffer__summaryTotal strong{color:#fff8ef;font-size:18px}.settings-billingHub{display:flex;flex-direction:column;gap:24px;padding:18px 0 8px}.settings-billingHub__hero{padding:0}.settings-billingHub__subtitle,.settings-billingManage__subtitle{margin:0;max-width:820px;color:#edf1fca8;font-size:15px;line-height:1.55}.settings-billingHub__brand{color:#f6f8ff;font-weight:900;letter-spacing:0;text-shadow:0 0 18px rgba(120,160,255,.4)}.settings-billingHub__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,2.4vw,34px);width:100%;max-width:none}.settings-billingEntryCard{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:274px;padding:clamp(26px,2.3vw,38px);border:1px solid rgba(143,157,190,.22);border-radius:14px;background:radial-gradient(circle at 88% 8%,rgba(87,127,255,.14),transparent 34%),linear-gradient(180deg,#0d1422f0,#060a12f5);text-align:left;color:inherit;cursor:pointer;box-shadow:inset 0 1px #ffffff0a;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.settings-billingEntryCard:hover{transform:translateY(-2px);border-color:#9aaeeb66;box-shadow:0 18px 48px #0000002e,inset 0 1px #ffffff0d}.settings-billingEntryCard--premium{color:#78a0ff}.settings-billingEntryCard--gift{background:radial-gradient(circle at 88% 8%,rgba(238,188,64,.16),transparent 34%),linear-gradient(180deg,#19160ff0,#08090df5);color:#f5c542}.settings-billingEntryCard__icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#5f82ff1a;color:currentColor}.settings-billingEntryCard--gift .settings-billingEntryCard__icon{background:#f5c5421a}.settings-billingEntryCard__iconSvg{width:24px;height:24px}.settings-billingEntryCard__title{display:block;margin-top:28px;color:#f6f8ff;font-size:24px;line-height:1.08;font-weight:850;letter-spacing:0}.settings-billingEntryCard__description{display:block;max-width:380px;margin-top:10px;color:#edf1fc99;font-size:14px;line-height:1.45}.settings-billingEntryCard__action{position:relative;margin-top:auto;padding-top:22px;min-height:24px;color:currentColor;font-size:15px;font-weight:800;display:inline-flex;align-items:center;gap:8px}.settings-billingEntryCard__arrow{width:18px;height:18px;transition:transform .18s ease}.settings-billingEntryCard:hover .settings-billingEntryCard__arrow{transform:translate(3px)}.settings-billingHub__security{display:flex;align-items:center;gap:12px;max-width:none;color:#edf1fc99;font-size:13px;line-height:1.45}.settings-billingHub__securityIcon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff0a;color:#edf1fcb8}.settings-billingHub__securitySvg{width:17px;height:17px}.settings-billingHub__securityLink{display:block;margin-top:1px;color:#78a0ff;font-weight:750}.settings-billingHub__signinNotice{color:#dee5f8a3;font-size:13px}.settings-billingManage{display:flex;flex-direction:column;gap:20px;padding:24px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#111522f5,#090b13fa)}.settings-billingManage--teaser{background:radial-gradient(circle at top right,rgba(127,157,255,.14),transparent 28%),linear-gradient(180deg,#101422f5,#080a12fa)}.settings-billingManage__header,.settings-billingManage__footer{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.settings-billingManage__title{color:#f5f7ff;font-size:24px;font-weight:800}.settings-billingManage__btn{min-height:46px;padding:0 18px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#f2f5ff;font-size:14px;font-weight:800;cursor:pointer}.settings-billingManage__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-billingManage__panel{min-height:170px;padding:20px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff06}.settings-billingManage__panelLabel{color:#dbe4f9a3;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.settings-billingManage__panelValue{margin-top:12px;color:#f7f8ff;font-size:30px;line-height:.98;font-weight:900}.settings-billingManage__panelHint{margin-top:8px;color:#e3e9f9ad;font-size:14px;line-height:1.5}.settings-billingManage__benefits{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.settings-billingManage__benefits span,.settings-billingManage__meta span{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#ffffff0f;color:#f3f6ffc7;font-size:12px;font-weight:800}.settings-billingManage__meta{display:flex;flex-wrap:wrap;gap:10px}.upgrade-flow__backdrop{position:fixed;inset:0;z-index:1300;background:#000000d6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.upgrade-flow__shell{position:relative;width:100%;height:100%;overflow:auto;background:linear-gradient(180deg,#ffffff05,#fff0),radial-gradient(circle at top center,rgba(92,255,226,.08),transparent 20%),radial-gradient(circle at top left,rgba(255,255,255,.05),transparent 18%),#040506}.upgrade-flow__shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:120px 120px;-webkit-mask-image:linear-gradient(180deg,rgba(255,255,255,.16),transparent 60%);mask-image:linear-gradient(180deg,rgba(255,255,255,.16),transparent 60%);opacity:.08;pointer-events:none}.upgrade-flow__close{position:fixed;top:22px;right:22px;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0f1116b8;color:#ffffffd6;font-size:15px;cursor:pointer;z-index:3}.upgrade-flow{position:relative;min-height:100%;padding:70px 28px 40px;display:flex;flex-direction:column;gap:34px}.upgrade-flow__hero{max-width:920px;margin:0 auto;text-align:center}.upgrade-flow__eyebrow,.upgrade-flow__summaryEyebrow{color:#ffffffb8;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.upgrade-flow__title{margin:18px 0 14px;color:#f6f7fb;font-size:clamp(54px,9vw,92px);line-height:.92;font-weight:800;letter-spacing:-.06em}.upgrade-flow__title span{color:#7f9dff;font-family:Georgia,Times New Roman,serif;font-weight:500}.upgrade-flow__subtitle{max-width:720px;margin:0 auto;color:#e9edf8b8;font-size:18px;line-height:1.6}.upgrade-flow__main{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);gap:24px;align-items:start}.upgrade-flow__plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.upgrade-flow__planCard{position:relative;overflow:hidden;min-height:520px;padding:24px;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at top center,rgba(255,255,255,.08),transparent 22%),linear-gradient(180deg,#141518fa,#08080afa);color:inherit;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.upgrade-flow__planCard:hover{transform:translateY(-2px)}.upgrade-flow__planCard.is-active{border-color:#59e8d099;box-shadow:0 0 0 1px #59e8d02e,0 0 38px #2cc3ac3d}.upgrade-flow__planTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.upgrade-flow__planName{color:#f6f7fb;font-size:26px;font-weight:800}.upgrade-flow__planBadge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#59e8d02e;color:#79f3df;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.upgrade-flow__planPrice{margin-top:24px;color:#fff;font-size:clamp(48px,5vw,64px);line-height:.95;font-weight:900}.upgrade-flow__planHint{margin-top:10px;color:#e9edf8b8;font-size:16px}.upgrade-flow__planDescription{margin:18px 0 0;color:#e5ebf8ad;font-size:15px;line-height:1.6}.upgrade-flow__planList,.upgrade-flow__summaryList{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.upgrade-flow__planList li,.upgrade-flow__summaryList li{position:relative;padding-left:22px;color:#f1f4fcd6;font-size:14px;line-height:1.55}.upgrade-flow__planList li:before,.upgrade-flow__summaryList li:before{content:"+";position:absolute;left:0;top:0;color:#79f3df;font-weight:900}.upgrade-flow__planCta{position:absolute;left:24px;right:24px;bottom:24px;min-height:54px;border-radius:999px;background:#ffffff14;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:800}.upgrade-flow__planCard.is-active .upgrade-flow__planCta{background:linear-gradient(180deg,#fffffff5,#f1f4f9f0);color:#17191f;box-shadow:0 10px 24px #ffffff1f}.upgrade-flow__summary{position:sticky;top:28px;padding:24px;border-radius:28px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at top right,rgba(127,157,255,.18),transparent 30%),linear-gradient(180deg,#11131bfa,#08090efc)}.upgrade-flow__summaryPrice{margin-top:16px;color:#fff;font-size:clamp(36px,4vw,52px);line-height:.94;font-weight:900}.upgrade-flow__summaryHint{margin-top:10px;color:#e8edf9b8;font-size:14px;line-height:1.55}.upgrade-flow__summaryBlock+.upgrade-flow__summaryBlock{margin-top:20px}.upgrade-flow__summaryLabel{color:#edf1fceb;font-size:14px;font-weight:800}.upgrade-flow__reassurance{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.upgrade-flow__reassurance span{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#ffffff0f;color:#f3f6ffd1;font-size:12px;font-weight:800}.upgrade-flow__confirm,.upgrade-flow__ghost{min-height:56px;border-radius:999px;font-size:15px;font-weight:800;cursor:pointer}.upgrade-flow__confirm{width:100%;margin-top:24px;border:0;background:linear-gradient(180deg,#59e8d0fa,#22bfa8f0);color:#031411;box-shadow:0 18px 40px #2cc3ac33}.upgrade-flow__ghost{min-width:140px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#f2f5ff}.upgrade-flow__footnote,.upgrade-flow__statusText{margin:14px 0 0;color:#ced6eb94;font-size:13px;line-height:1.6}.upgrade-flow__status{min-height:100%;padding:72px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.upgrade-flow__statusBadge{display:inline-flex;align-items:center;min-height:34px;padding:0 16px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.upgrade-flow__statusBadge.is-success{background:#59e8d02e;color:#79f3df}.upgrade-flow__statusBadge.is-error{background:#ff788c24;color:#ffb8c2}.upgrade-flow__statusTitle{margin:18px 0 0;color:#f7f8ff;font-size:clamp(34px,4vw,48px);line-height:.96;font-weight:900}.upgrade-flow__statusActions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}.upgrade-flow__spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.12);border-top-color:#79f3df;border-radius:50%;animation:spin .8s linear infinite}.settings-shell--billing{position:relative;isolation:isolate}.settings-shell--billing:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% -18%,rgba(70,92,118,.22),transparent 55%),radial-gradient(circle at 18% 34%,rgba(69,100,142,.08),transparent 36%),radial-gradient(circle at 80% 36%,rgba(178,140,62,.055),transparent 34%),linear-gradient(180deg,#0a0f170d,#04080e33)}.settings-shell--billing .settings-billingHub__actions{perspective:1200px;max-width:1292px;margin-inline:auto;gap:clamp(34px,2.4vw,36px)}.settings-billingEntryCard{--billing-card-shift-x: 0px;--billing-card-shift-y: 0px;--billing-card-rotate-x: 0deg;--billing-card-rotate-y: 0deg;min-height:306px;padding:36px 37px 38px;border-color:#8fa8d594;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 42%),radial-gradient(ellipse at 83% -1%,rgba(104,146,255,.46),rgba(72,111,205,.14) 27%,transparent 56%),linear-gradient(180deg,#0a0f18f7,#04080efc);box-shadow:0 18px 48px #00000052,0 0 34px #658fff14,inset 0 1px #dce8ff73,inset 0 0 0 1px #ffffff05;transform:translate3d(var(--billing-card-shift-x),var(--billing-card-shift-y),0) rotateX(var(--billing-card-rotate-x)) rotateY(var(--billing-card-rotate-y));transform-origin:center;will-change:transform;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .24s ease,box-shadow .24s ease,background .24s ease}.settings-billingEntryCard:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.045),transparent 31%,rgba(255,255,255,.022) 56%,transparent 79%);opacity:.64}.settings-billingEntryCard:hover{transform:translate3d(var(--billing-card-shift-x),calc(-7px + var(--billing-card-shift-y)),0) rotateX(var(--billing-card-rotate-x)) rotateY(var(--billing-card-rotate-y));border-color:#becfee9e;box-shadow:0 28px 66px #0000005c,0 0 52px #658fff21,inset 0 1px #e6efff80,inset 0 0 0 1px #ffffff08}.settings-billingEntryCard--premium{background:linear-gradient(180deg,rgba(255,255,255,.052),transparent 42%),radial-gradient(ellipse at 83% -1%,rgba(105,146,255,.54),rgba(74,114,210,.16) 28%,transparent 56%),linear-gradient(180deg,#0a0f18fa,#04080efe)}.settings-billingEntryCard--premium:before{background:linear-gradient(115deg,rgba(255,255,255,.04),transparent 31%,rgba(142,175,255,.028) 56%,transparent 79%)}.settings-billingEntryCard--gift{border-color:#cca85b94;background:linear-gradient(180deg,rgba(255,236,190,.05),transparent 42%),radial-gradient(ellipse at 83% -1%,rgba(238,190,84,.5),rgba(184,143,64,.15) 28%,transparent 56%),linear-gradient(180deg,#0d0c0afa,#05070afe);box-shadow:0 18px 48px #00000052,0 0 34px #e0b24e14,inset 0 1px #ffe09b73,inset 0 0 0 1px #ffecbc05}.settings-billingEntryCard--gift:before{background:linear-gradient(115deg,rgba(255,236,188,.04),transparent 31%,rgba(255,210,120,.028) 56%,transparent 79%)}.settings-billingEntryCard--gift:hover{border-color:#e6be68a3;box-shadow:0 28px 66px #0000005c,0 0 52px #e0b24e21,inset 0 1px #ffe8ac80,inset 0 0 0 1px #ffecbc08}@media(prefers-reduced-motion:reduce){.settings-billingEntryCard,.settings-billingEntryCard__arrow{transition:none}.settings-billingEntryCard:hover{transform:translateY(-2px)}}.settings-billingEntryCard__action,.settings-billingEntryCard--premium .settings-billingEntryCard__action,.settings-billingEntryCard--gift .settings-billingEntryCard__action{background:transparent;color:currentColor;box-shadow:none}.settings-billingManage,.settings-billingManage--teaser{border-color:#7692df2e;background:radial-gradient(circle at top right,rgba(127,157,255,.12),transparent 28%),linear-gradient(180deg,#111d36fa,#091224fa)}.settings-billingManage__panel{border-color:#7692df29;background:linear-gradient(180deg,#ffffff0a,#ffffff05),#0a1222b8}.settings-billingManage__benefits span,.settings-billingManage__meta span{background:#ffd6911a;color:#ffe9bc}.upgrade-flow__backdrop{background:#060c18b3}.upgrade-flow__shell{background:radial-gradient(circle at top left,rgba(96,140,255,.18),transparent 26%),radial-gradient(circle at top right,rgba(247,209,119,.14),transparent 22%),linear-gradient(180deg,#101d38,#0a1529 48%,#08101e)}.upgrade-flow__shell:before{background-image:linear-gradient(rgba(126,154,230,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(126,154,230,.16) 1px,transparent 1px);opacity:.12}.upgrade-flow__close{border-color:#91aaf638;background:#0a1324d1}.upgrade-flow__hero{max-width:1080px;padding:0 12px;text-align:left}.upgrade-flow__eyebrow{color:#f8da8fc7}.upgrade-flow__title{color:#fff5ea}.upgrade-flow__subtitle{margin:0;max-width:620px;color:#e5ebf8cc}.upgrade-flow__main{width:min(1240px,100%);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:26px}.upgrade-flow__offerColumn{display:flex;flex-direction:column;gap:20px}.upgrade-flow__offerGrid{display:grid;grid-template-columns:1fr;gap:18px}.upgrade-flow__planCard{min-height:0;padding:26px 24px;border-color:#7b96e02e;background:radial-gradient(circle at top right,rgba(255,194,94,.08),transparent 26%),linear-gradient(180deg,#101b32f5,#091224f5);box-shadow:0 18px 48px #080f1e2e}.upgrade-flow__planCard.is-active{border-color:#ffca6694;box-shadow:0 0 0 1px #ffca662e,0 18px 46px #f2af4529}.upgrade-flow__planName,.upgrade-flow__showcaseTitle{color:#fff6ec}.upgrade-flow__planBadge{background:#ffc05c29;color:#ffd792}.upgrade-flow__planPrice{color:#fff6ec}.upgrade-flow__planHint{color:#9db7ff}.upgrade-flow__planDescription{max-width:360px;color:#e4ebf9b8}.upgrade-flow__planCta{position:static;margin-top:20px;min-height:50px;border-radius:16px;background:#7e9ae61f;color:#dfe8ff}.upgrade-flow__planCard.is-active .upgrade-flow__planCta{background:linear-gradient(180deg,#f7d37a,#f0b352);color:#2a1b06;box-shadow:0 12px 28px #f0b35233}.upgrade-flow__offerFooter{display:flex;flex-direction:column;gap:16px;padding:22px 24px 24px;border-radius:26px;border:1px solid rgba(123,150,224,.18);background:radial-gradient(circle at top right,rgba(127,157,255,.14),transparent 32%),linear-gradient(180deg,#0e1930f0,#091223f0)}.upgrade-flow__offerMetaLabel{color:#f8da8fd1;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.upgrade-flow__offerMetaValue{margin-top:10px;color:#fff4e7;font-size:28px;line-height:1;font-weight:800}.upgrade-flow__reassurance{margin-top:0;gap:10px}.upgrade-flow__reassurance span{background:#ffffff14;color:#f4f7ffd6}.upgrade-flow__confirm{margin-top:0;background:linear-gradient(180deg,#88a7ff,#698eff);color:#0a1731;box-shadow:0 18px 40px #698eff3d}.upgrade-flow__showcases{display:grid;grid-template-columns:1fr;gap:18px}.upgrade-flow__showcaseCard{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);gap:20px;align-items:center;padding:20px;border-radius:30px;border:1px solid rgba(121,147,219,.18);background:linear-gradient(180deg,#ffffff0d,#ffffff05),#0c1527b8;box-shadow:0 18px 42px #0911211f}.upgrade-flow__showcaseCard--gold{background:radial-gradient(circle at top right,rgba(247,208,114,.14),transparent 26%),linear-gradient(180deg,#0f182beb,#0a1221eb)}.upgrade-flow__showcaseCard--orange{background:radial-gradient(circle at top right,rgba(255,162,94,.14),transparent 26%),linear-gradient(180deg,#0f182beb,#0a1221eb)}.upgrade-flow__showcaseCopy{display:flex;flex-direction:column;gap:10px}.upgrade-flow__showcaseEyebrow{color:#f8da8fc7;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.upgrade-flow__showcaseDescription{margin:0;color:#e5ebf8bd;font-size:15px;line-height:1.6}.upgrade-flow__visual{position:relative;min-height:190px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#16223ff0,#0a111ffa)}.upgrade-flow__visual--gold{background:linear-gradient(180deg,#362c12f0,#14120cfa)}.upgrade-flow__visual--orange{background:linear-gradient(180deg,#3f2110f0,#180e0afa)}.upgrade-flow__visualGlow,.upgrade-flow__visualPanel,.upgrade-flow__visualLine,.upgrade-flow__visualDot{position:absolute}.upgrade-flow__visualGlow{inset:auto auto 16px 18px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(111,151,255,.45),transparent 68%)}.upgrade-flow__visual--gold .upgrade-flow__visualGlow{background:radial-gradient(circle,rgba(247,208,114,.4),transparent 68%)}.upgrade-flow__visual--orange .upgrade-flow__visualGlow{background:radial-gradient(circle,rgba(255,162,94,.4),transparent 68%)}.upgrade-flow__visualPanel{inset:24px 22px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.upgrade-flow__visualLine{left:40px;right:40px;height:12px;border-radius:999px;background:#ffffff1f}.upgrade-flow__visualLine--1{top:50px;right:96px}.upgrade-flow__visualLine--2{top:84px;left:72px;right:52px}.upgrade-flow__visualLine--3{top:118px;right:118px}.upgrade-flow__visualDot{width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#8fa9ff,#6f8cff);box-shadow:0 0 0 6px #8fa9ff1f}.upgrade-flow__visual--gold .upgrade-flow__visualDot{background:linear-gradient(180deg,#f8d67f,#eeaf4f);box-shadow:0 0 0 6px #f8d67f1f}.upgrade-flow__visual--orange .upgrade-flow__visualDot{background:linear-gradient(180deg,#ffb07e,#f28a48);box-shadow:0 0 0 6px #ffb07e1f}.upgrade-flow__visualDot--1{top:44px;right:40px}.upgrade-flow__visualDot--2{top:78px;left:40px}.upgrade-flow__visualDot--3{top:112px;right:64px}.upgrade-flow__statusBadge.is-success{background:#f8d67f29;color:#ffe2a2}.upgrade-flow__spinner{border-top-color:#88a7ff}.gift-page--immersive{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);background:radial-gradient(circle at top left,rgba(96,140,255,.16),transparent 26%),radial-gradient(circle at top right,rgba(247,209,119,.12),transparent 22%),linear-gradient(180deg,#101d38,#0a1529 48%,#08101e)}.gift-page__left--immersive,.gift-page__right--immersive{padding-top:72px}.gift-page__content--immersive{width:min(100%,560px)}.gift-page__choiceLabel{margin-top:34px;color:#f8da8fd1;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.gift-page__offerGrid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gift-page__offerCard{min-height:164px;padding:18px;border-radius:22px;border:1px solid rgba(123,150,224,.18);background:radial-gradient(circle at top right,rgba(255,193,94,.1),transparent 28%),linear-gradient(180deg,#101b32f0,#0a1222f0);color:inherit;text-align:left;cursor:pointer}.gift-page__offerCard.is-active{border-color:#ffca6694;box-shadow:0 0 0 1px #ffca6624,0 18px 42px #f2af4524}.gift-page__offerName{display:block;color:#fff5ea;font-size:22px;font-weight:800}.gift-page__offerPrice{display:block;margin-top:16px;color:#9db7ff;font-size:28px;line-height:1;font-weight:900}.gift-page__offerNote{display:block;margin-top:12px;color:#e6ecf8b8;font-size:14px;line-height:1.5}.gift-page__checkoutBar{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-radius:26px;border:1px solid rgba(123,150,224,.18);background:radial-gradient(circle at top right,rgba(127,157,255,.14),transparent 32%),linear-gradient(180deg,#0e1930f0,#091223f0)}.gift-page__checkoutLabel{color:#f8da8fd1;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.gift-page__checkoutValue{margin-top:10px;color:#fff5ea;font-size:34px;line-height:1;font-weight:900}.gift-page__next{min-width:190px;background:linear-gradient(180deg,#f7d37a,#eeae4b);color:#2a1b06}.gift-page__showcaseStack{width:min(100%,700px);display:grid;gap:18px}.gift-page__showcase{display:grid;grid-template-columns:minmax(220px,.88fr) minmax(0,1.12fr);gap:20px;align-items:center;padding:20px;border-radius:30px;border:1px solid rgba(123,150,224,.18);background:linear-gradient(180deg,#ffffff0d,#ffffff05),#0c1527b8}.gift-page__showcase--gold{background:radial-gradient(circle at top right,rgba(247,208,114,.14),transparent 26%),linear-gradient(180deg,#0f182beb,#0a1221eb)}.gift-page__showcase--orange{background:radial-gradient(circle at top right,rgba(255,162,94,.14),transparent 26%),linear-gradient(180deg,#0f182beb,#0a1221eb)}.gift-page__showcaseEyebrow{color:#f8da8fc7;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.gift-page__showcaseTitle{margin:10px 0 0;color:#fff5ea;font-size:28px;line-height:1.04;font-weight:800}.gift-page__showcaseDescription{margin:10px 0 0;color:#e5ebf8bd;font-size:15px;line-height:1.6}.gift-page__visual{position:relative;min-height:200px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#16223ff0,#0a111ffa)}.gift-page__visual--gold{background:linear-gradient(180deg,#362c12f0,#14120cfa)}.gift-page__visual--orange{background:linear-gradient(180deg,#3f2110f0,#180e0afa)}.gift-page__visualGlow,.gift-page__visualPanel,.gift-page__visualStripe,.gift-page__visualCoin{position:absolute}.gift-page__visualGlow{left:18px;bottom:16px;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle,rgba(111,151,255,.45),transparent 68%)}.gift-page__visual--gold .gift-page__visualGlow{background:radial-gradient(circle,rgba(247,208,114,.4),transparent 68%)}.gift-page__visual--orange .gift-page__visualGlow{background:radial-gradient(circle,rgba(255,162,94,.4),transparent 68%)}.gift-page__visualPanel{inset:22px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.gift-page__visualStripe{left:36px;right:36px;height:14px;border-radius:999px;background:#ffffff1f}.gift-page__visualStripe--1{top:50px;right:108px}.gift-page__visualStripe--2{top:88px;left:62px;right:52px}.gift-page__visualStripe--3{top:126px;right:86px}.gift-page__visualCoin{width:24px;height:24px;border-radius:50%;background:linear-gradient(180deg,#8fa9ff,#6f8cff);box-shadow:0 0 0 6px #8fa9ff1f}.gift-page__visual--gold .gift-page__visualCoin{background:linear-gradient(180deg,#f8d67f,#eeaf4f);box-shadow:0 0 0 6px #f8d67f1f}.gift-page__visual--orange .gift-page__visualCoin{background:linear-gradient(180deg,#ffb07e,#f28a48);box-shadow:0 0 0 6px #ffb07e1f}.gift-page__visualCoin--1{top:42px;right:40px}.gift-page__visualCoin--2{top:112px;left:42px}.gift-page{position:relative;height:100%;min-height:100%;display:block;overflow-y:auto;background:radial-gradient(circle at 16% 2%,rgba(87,127,255,.1),transparent 30%),radial-gradient(circle at 90% 6%,rgba(238,188,64,.08),transparent 28%),linear-gradient(180deg,#070c15,#050910);color:#f4f7ff}.gift-page__shell{width:min(100%,1500px);margin:0 auto;padding:clamp(40px,4vw,62px) clamp(32px,4.4vw,76px) 48px}.gift-page__header{display:grid;gap:12px}.gift-page__back{position:static;width:max-content;height:auto;min-height:34px;padding:0;border:0;border-radius:0;background:transparent;color:#f0f4ffd1;cursor:pointer;z-index:auto;display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;font-size:15px;font-weight:800;transition:color .16s ease,transform .16s ease}.gift-page__back:hover{background:transparent;border-color:transparent;color:#fff;transform:translate(-2px)}.gift-page__backIcon{width:20px;height:20px}.gift-page__backIcon path{fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.gift-page__title{margin:0;color:#f7f8ff;font:inherit;font-size:clamp(38px,4.2vw,54px);line-height:1;font-weight:900;letter-spacing:0;text-shadow:none}.gift-page__subtitle{margin:0;max-width:none;color:#edf1fca3;font-size:16px;line-height:1.45}.gift-page__tabs{margin-top:38px;display:flex;align-items:flex-end;gap:clamp(28px,4vw,56px);min-height:48px;border-bottom:1px solid rgba(143,157,190,.16);overflow-x:auto}.gift-page__tabs::-webkit-scrollbar{height:0}.gift-page__tab{position:relative;min-height:48px;padding:0 0 14px;border:0;background:transparent;color:#edf1fcbd;cursor:pointer;font-size:15px;line-height:1;font-weight:850;white-space:nowrap;transition:color .16s ease}.gift-page__tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:999px;background:transparent;transform:scaleX(.4);transform-origin:left;transition:background .16s ease,transform .16s ease}.gift-page__tab:hover,.gift-page__tab.is-active{color:#fff}.gift-page__tab.is-active:after{background:#e6b72f;transform:scaleX(1)}.gift-page__grid{margin-top:36px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(380px,.92fr);gap:clamp(36px,5vw,72px);align-items:start}.gift-page__offerPanel{min-width:0}.gift-page__offerHeader{display:flex;align-items:flex-start;gap:18px}.gift-page__offerIcon{flex:0 0 auto;width:54px;height:54px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(245,197,66,.12);background:#f5c5421a;color:#e7b82f}.gift-page__offerIconSvg{width:25px;height:25px}.gift-page__offerTitle{margin:2px 0 0;color:#f6f8ff;font-size:clamp(25px,2.8vw,32px);line-height:1.06;font-weight:900;letter-spacing:0}.gift-page__offerSubtitle{margin:8px 0 0;color:#edf1fca8;font-size:16px;line-height:1.45}.gift-page__durationGrid{margin-top:36px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}.gift-page__durationCard{position:relative;overflow:hidden;min-height:244px;padding:20px;border:1px solid rgba(143,157,190,.18);border-radius:14px;background:radial-gradient(circle at 88% 8%,rgba(87,127,255,.08),transparent 34%),linear-gradient(180deg,#0d1422c2,#060a12eb);color:inherit;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.gift-page__durationCard:hover{transform:translateY(-2px);border-color:#9aaeeb57}.gift-page__durationCard.is-active{border-color:#e6b72fdb;background:radial-gradient(circle at 50% 0%,rgba(230,183,47,.13),transparent 34%),linear-gradient(180deg,#0f1829e6,#060a12f5);box-shadow:0 20px 54px #00000038,inset 0 0 0 1px #e6b72f38}.gift-page__durationBadge{min-height:28px;max-width:100%;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#6084cb6b;color:#dbe7ff;font-size:12px;font-weight:900;line-height:1;box-shadow:0 6px 18px #0000002e}.gift-page__durationBadge--gold{background:#e6b72f29;color:#f4c84f}.gift-page__durationNumber{margin-top:30px;color:#f6f8ff;font-size:clamp(44px,4.5vw,58px);line-height:.88;font-weight:900;letter-spacing:0}.gift-page__durationUnit{margin-top:14px;color:#f5f8ffe6;font-size:21px;line-height:1;font-weight:850}.gift-page__durationDivider{width:min(72px,76%);height:2px;margin-top:28px;background:#edf1fc38}.gift-page__durationCard.is-active .gift-page__durationDivider{background:#e6b72fc7}.gift-page__durationPrices{margin-top:auto;padding-top:24px;min-height:56px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}.gift-page__durationOldPrice{color:#edf1fc94;font-size:16px;font-weight:750;text-decoration:line-through}.gift-page__durationPrice{color:#f6f8ff;font-size:20px;line-height:1;font-weight:900}.gift-page__durationCard.is-active .gift-page__durationPrice{color:#f5c542}.gift-page__infoBox{margin-top:30px;min-height:84px;padding:20px 22px;border:1px solid rgba(143,157,190,.18);border-radius:14px;background:#080e18a3;display:flex;align-items:center;gap:18px;color:#edf1fcc2}.gift-page__infoIcon{flex:0 0 auto;width:26px;height:26px;color:#edf1fc9e}.gift-page__infoIcon circle,.gift-page__infoIcon path,.gift-page__featureIcon path,.gift-page__featureIcon rect,.gift-page__featureIcon circle,.gift-page__validityIcon rect,.gift-page__validityIcon path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.gift-page__infoBox p{margin:0;font-size:15px;line-height:1.55}.gift-page__previewPanel{min-width:0}.gift-page__previewCard{position:relative;width:auto;aspect-ratio:auto;min-height:520px;padding:clamp(38px,4vw,56px) clamp(32px,4vw,48px) 34px;border:1px solid rgba(230,183,47,.12);border-radius:14px 14px 0 0;background:radial-gradient(circle at 78% 8%,rgba(230,183,47,.32),transparent 32%),radial-gradient(circle at 42% 54%,rgba(230,183,47,.1),transparent 30%),linear-gradient(135deg,#2f230beb,#100f0dfa 58%,#694b0ce6);box-shadow:0 26px 76px #00000047;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.gift-page__previewAura{position:absolute;inset:0;opacity:.34;background-image:radial-gradient(circle at 24% 54%,rgba(230,183,47,.22) 0 1px,transparent 2px),linear-gradient(115deg,transparent 0 64%,rgba(230,183,47,.12) 65%,transparent 66%),linear-gradient(28deg,transparent 0 54%,rgba(255,231,165,.08) 55%,transparent 56%);background-size:150px 150px,220px 220px,180px 180px}.gift-page__previewLabel,.gift-page__previewTitle,.gift-page__previewDuration,.gift-page__giftArt,.gift-page__benefits{position:relative;z-index:1}.gift-page__previewLabel{color:#e6b72f;font-size:clamp(20px,2.4vw,28px);line-height:1;font-weight:850}.gift-page__previewTitle{margin-top:22px;color:#fff8ef;font-size:clamp(42px,5vw,62px);line-height:.92;font-weight:950;letter-spacing:0}.gift-page__previewDuration{margin-top:18px;color:#ffffffe0;font-size:20px;line-height:1.2;font-weight:750}.gift-page__giftArt{width:min(62%,260px);min-width:190px;margin-top:34px;overflow:visible}.gift-page__giftBox,.gift-page__giftLid,.gift-page__giftBow,.gift-page__giftRibbon,.gift-page__giftRay,.gift-page__giftHalo{fill:none;stroke:#e6b72f;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.gift-page__giftRibbon--shine{stroke-width:3;opacity:.42}.gift-page__giftRay{stroke-width:4;opacity:.36}.gift-page__giftHalo{stroke-width:4;opacity:.38}.gift-page__giftHalo--top{opacity:.25}.gift-page__giftSpark{fill:#e6b72f;opacity:.76}.gift-page__giftArt--simple .gift-page__giftBox,.gift-page__giftArt--simple .gift-page__giftLid,.gift-page__giftArt--simple .gift-page__giftBow,.gift-page__giftArt--simple .gift-page__giftRibbon{stroke-width:5}.gift-page__giftArt--premium .gift-page__giftBox,.gift-page__giftArt--premium .gift-page__giftLid{filter:drop-shadow(0 0 16px rgba(230,183,47,.2))}.gift-page__benefits{width:100%;margin-top:auto;padding-top:34px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gift-page__benefit{display:flex;align-items:center;gap:12px;color:#ffffffe6;font-size:13px;line-height:1.2;font-weight:750}.gift-page__benefitIcon{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:#e6b72f1a;color:#e6b72f;display:inline-flex;align-items:center;justify-content:center}.gift-page__featureIcon{width:19px;height:19px}.gift-page__validity{min-height:58px;padding:0 clamp(26px,3vw,42px);border:1px solid rgba(143,157,190,.12);border-top:0;border-radius:0 0 14px 14px;background:linear-gradient(180deg,#1a1f2af5,#161b25f5);display:flex;align-items:center;justify-content:center;gap:14px;color:#edf1fcc7;font-size:15px;font-weight:750;text-align:center}.gift-page__validityIcon{flex:0 0 auto;width:20px;height:20px;color:#edf1fc8a}.gift-page__next{width:100%;min-width:0;height:auto;min-height:58px;margin-top:28px;padding:0 18px;border:1px solid rgba(245,197,66,.34);border-radius:8px;background:linear-gradient(180deg,#f4ca54,#e0a920);color:#15120a;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 18px 42px #d5a0262e;transition:transform .16s ease,filter .16s ease}.gift-page__previewAction{min-width:0}.gift-page__stepper{margin:34px 0 0;padding:0;list-style:none;display:flex;align-items:center;gap:18px;color:#edf1fc9e;overflow-x:auto}.gift-page__step{display:flex;align-items:center;gap:12px;min-width:max-content;font-size:15px;font-weight:850}.gift-page__stepMark{width:30px;height:30px;border-radius:50%;border:1px solid rgba(237,241,252,.44);display:inline-flex;align-items:center;justify-content:center;color:#edf1fcd1;font-size:13px;line-height:1}.gift-page__step.is-active,.gift-page__step.is-done{color:#f5c542}.gift-page__step.is-active .gift-page__stepMark{border-color:#f5c542eb;background:#f5c542;color:#15120a}.gift-page__step.is-done .gift-page__stepMark{border-color:#f5c542;color:#f5c542}.gift-page__stepLine{width:clamp(58px,7vw,132px);height:2px;background:#edf1fc6b}.gift-info{margin-top:32px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.88fr);gap:30px;align-items:start}.gift-info__formPanel,.gift-info__summary{min-width:0;border:1px solid rgba(143,157,190,.18);border-radius:14px;background:radial-gradient(circle at 12% 0%,rgba(88,126,204,.12),transparent 28%),linear-gradient(180deg,#0d1422d6,#060a12f0)}.gift-info__formPanel{padding:clamp(24px,3vw,34px)}.gift-info__sectionTitle{display:flex;align-items:center;gap:14px;color:#f7f8ff}.gift-info__sectionTitle h2{margin:0;font-size:22px;line-height:1;font-weight:900}.gift-info__sectionIcon,.gift-info__labelIcon,.gift-info__payIcon,.gift-info__secureIcon,.gift-status__icon{width:22px;height:22px}.gift-info__sectionIcon path,.gift-info__sectionIcon circle,.gift-info__labelIcon path,.gift-info__payIcon path,.gift-info__payIcon rect,.gift-info__secureIcon path,.gift-info__secureIcon rect,.gift-status__icon path,.gift-status__icon rect{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.gift-info__field{position:relative;margin-top:28px;display:flex;flex-direction:column;gap:10px;color:#f7f8ff;font-size:15px;font-weight:800}.gift-info__labelWithIcon{display:inline-flex;align-items:center;gap:10px}.gift-info__hint{color:#edf1fcad;font-size:13px;line-height:1.45;font-weight:500}.gift-info__field input,.gift-info__field textarea{width:100%;border:1px solid rgba(143,157,190,.22);border-radius:8px;background:#050a1294;color:#f7f8ff;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.gift-info__field input{min-height:50px;padding:0 16px}.gift-info__field textarea{resize:vertical;min-height:128px;padding:16px}.gift-info__field input:focus,.gift-info__field textarea:focus{border-color:#f5c542b8;box-shadow:0 0 0 3px #f5c5421a}.gift-info__field input[aria-invalid=true],.gift-info__field textarea[aria-invalid=true]{border-color:#ff7777c2}.gift-info__divider{margin-top:28px;height:1px;background:#8f9dbe2e}.gift-info__counter{position:absolute;right:14px;bottom:12px;color:#edf1fcb8;font-size:13px;font-weight:750}.gift-info__counter.is-error,.gift-info__error,.gift-info__serverError{color:#ff9a9a}.gift-info__error{font-size:13px;line-height:1.35;font-weight:700}.gift-info__summary{padding:0;background:radial-gradient(circle at 80% 0%,rgba(230,183,47,.12),transparent 26%),linear-gradient(180deg,#0b111df5,#050910fa)}.gift-page__previewPanel--compact .gift-page__previewCard{min-height:360px;border-radius:14px 14px 0 0;box-shadow:none}.gift-page__previewPanel--compact .gift-page__previewGiftMark{width:86px;height:86px;margin-top:20px}.gift-page__previewPanel--compact .gift-page__previewGiftIcon{width:82px;height:82px}.gift-page__previewPanel--compact .gift-page__benefits{grid-template-columns:1fr;max-width:330px}.gift-info__summaryBlock{padding:22px 30px 26px}.gift-info__summaryTitle{color:#f7f8ff;font-size:16px;font-weight:900}.gift-info__summaryRow{margin-top:16px;display:flex;justify-content:space-between;gap:18px;color:#edf1fcb8;font-size:15px}.gift-info__summaryRow strong{color:#fff8ef;text-align:right}.gift-info__summaryRow.is-total{margin-top:20px;padding-top:20px;border-top:1px solid rgba(143,157,190,.18);color:#f7f8ff;font-size:18px;font-weight:900}.gift-info__payButton{width:calc(100% - 60px);margin:0 30px 18px;display:inline-flex;align-items:center;justify-content:center;gap:12px}.gift-info__payButton:disabled{cursor:wait;filter:saturate(.8);opacity:.82}.gift-info__secure,.gift-info__smallPrint{padding:0 30px 24px;color:#edf1fca8;font-size:13px;line-height:1.45}.gift-info__secure{display:flex;justify-content:center;gap:10px}.gift-info__serverError{margin:0 30px 18px;padding:12px 14px;border:1px solid rgba(255,119,119,.22);border-radius:8px;background:#ff777714;font-size:13px;font-weight:750}.gift-info__smallPrint{opacity:.68}.premium-choice{margin-top:32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:clamp(24px,4vw,44px);align-items:start}.premium-choice__panel,.premium-choice__action{border:1px solid rgba(143,157,190,.18);border-radius:14px;background:linear-gradient(180deg,#0d1422d1,#060a12f0);padding:clamp(22px,3vw,30px)}.premium-choice__panel h2{margin:0 0 20px;color:#f7f8ff;font-size:22px;line-height:1.1;font-weight:900}.premium-choice__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.premium-choice__option{min-height:112px;padding:18px;border:1px solid rgba(143,157,190,.2);border-radius:10px;background:#050a1275;color:#f7f8ff;cursor:pointer;text-align:left}.premium-choice__option.is-active{border-color:#78a0ffad;background:#5f82ff1f}.premium-choice__option span,.premium-choice__option strong{display:block}.premium-choice__option .premium-choice__label{color:#edf1fcbd;font-size:14px;font-weight:850}.premium-choice__badge{width:fit-content;margin-top:8px;padding:5px 9px;border-radius:999px;background:#e6b72f29;color:#f4c84f;font-size:12px;font-weight:900;line-height:1}.premium-choice__option strong{margin-top:12px;font-size:24px;line-height:1}.premium-choice__oldPrice{margin-top:7px;color:#edf1fc8f;font-size:14px;font-weight:750;text-decoration:line-through}.premium-choice__action{display:grid;gap:14px}.premium-page .gift-page__next{border-color:#78a0ff6b;background:linear-gradient(180deg,#86a8ff,#587bff);color:#071022;box-shadow:0 18px 42px #587bff33}.premium-page .gift-page__step.is-active,.premium-page .gift-page__step.is-done{color:#78a0ff}.premium-page .gift-page__step.is-active .gift-page__stepMark{border-color:#78a0ffeb;background:#78a0ff;color:#071022}.premium-page .gift-page__step.is-done .gift-page__stepMark{border-color:#78a0ff;color:#78a0ff}.premium-page .gift-page__step.is-done .gift-page__stepLine,.premium-page .gift-page__step.is-active .gift-page__stepLine{background:#78a0ff9e}.gift-payment{margin-top:32px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.88fr);gap:clamp(34px,5vw,72px);align-items:start}.gift-payment__left,.gift-payment__right{min-width:0}.gift-payment__panel,.gift-payment__summary{border:1px solid rgba(143,157,190,.18);border-radius:14px;background:radial-gradient(circle at 12% 0%,rgba(88,126,204,.1),transparent 28%),linear-gradient(180deg,#0d1422d1,#060a12f0)}.gift-payment__panel{padding:clamp(24px,3vw,34px)}.gift-payment__sectionTitle{margin:0;color:#f7f8ff;font-size:22px;line-height:1;font-weight:900}.gift-payment__methods{margin-top:24px;min-height:76px;padding:6px;border:1px solid rgba(143,157,190,.18);border-radius:12px;background:#050a126b;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.gift-payment__method{min-width:0;min-height:62px;padding:0 16px;border:1px solid transparent;border-radius:8px;background:transparent;color:#edf1fcd1;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;text-align:left;transition:border-color .16s ease,background .16s ease,color .16s ease}.gift-payment__method:hover,.gift-payment__method.is-active{color:#f7f8ff;background:#f5c54214;border-color:#f5c542a8}.gift-payment--premium .gift-payment__method:hover,.gift-payment--premium .gift-payment__method.is-active{background:#5f82ff1f;border-color:#78a0ffad}.gift-payment__methodIcon,.gift-payment__secureIcon,.gift-payment__walletIcon,.gift-payment__benefitIcon,.gift-payment__guaranteeIcon,.gift-payment__payIcon{flex:0 0 auto;width:22px;height:22px}.gift-payment__methodIcon path,.gift-payment__methodIcon rect,.gift-payment__secureIcon path,.gift-payment__secureIcon rect,.gift-payment__walletIcon path,.gift-payment__benefitIcon path,.gift-payment__benefitIcon rect,.gift-payment__benefitIcon circle,.gift-payment__guaranteeIcon path,.gift-payment__guaranteeIcon rect,.gift-payment__payIcon path,.gift-payment__payIcon rect{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.gift-payment__methodLabel,.gift-payment__methodDetail{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gift-payment__methodLabel{color:inherit;font-size:14px;line-height:1.2;font-weight:900}.gift-payment__methodDetail{margin-top:4px;color:#edf1fc8c;font-size:12px;line-height:1.2;font-weight:650}.gift-payment__cardForm{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}.gift-payment__field{min-width:0;display:flex;flex-direction:column;gap:10px;color:#f7f8ff;font-size:14px;font-weight:850}.gift-payment__field--full{grid-column:1 / -1}.gift-payment__field input,.gift-payment__field select{width:100%;min-height:50px;border:1px solid rgba(143,157,190,.22);border-radius:8px;background:#050a1294;color:#f7f8ff;padding:0 14px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.gift-payment__field select{appearance:auto}.gift-payment__field input::placeholder{color:#edf1fc7a}.gift-payment__field input:focus,.gift-payment__field select:focus{border-color:#f5c542b8;box-shadow:0 0 0 3px #f5c5421a}.gift-payment--premium .gift-payment__field input:focus,.gift-payment--premium .gift-payment__field select:focus{border-color:#78a0ffb8;box-shadow:0 0 0 3px #5f82ff1f}.gift-payment__field input:disabled{opacity:.82;cursor:not-allowed}.gift-payment__inputWrap{position:relative;display:block}.gift-payment__inputWrap input{padding-right:132px}.gift-payment__cardBrands{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:inline-flex;align-items:center;gap:5px}.gift-payment__cardBrands span{min-width:32px;min-height:20px;padding:0 5px;border-radius:4px;background:#ffffffe6;color:#152033;display:inline-flex;align-items:center;justify-content:center;font-size:9px;line-height:1;font-weight:950}.gift-payment__walletPanel,.gift-payment__checkoutPanel{margin-top:22px;min-height:190px;padding:22px;border:1px solid rgba(143,157,190,.18);border-radius:12px;background:#050a126b;display:flex;align-items:center;gap:18px}.gift-payment__checkoutIcon{width:48px;height:48px;flex:0 0 auto;border-radius:50%;border:1px solid rgba(245,197,66,.28);background:#f5c54214;color:#f5c542;display:inline-flex;align-items:center;justify-content:center}.gift-payment__elementWrap{flex:1 1 auto;min-width:0;width:100%}.gift-payment--premium .gift-payment__checkoutIcon{border-color:#78a0ff52;background:#5f82ff1a;color:#78a0ff}.gift-payment__walletPanel h3,.gift-payment__checkoutPanel h3{margin:0;color:#f7f8ff;font-size:20px;font-weight:900}.gift-payment__walletPanel p,.gift-payment__checkoutPanel p{margin:8px 0 0;color:#edf1fca8;font-size:14px;line-height:1.45}.gift-payment__checkoutPanel .gift-payment__cardBrands{position:static;transform:none;margin-top:14px}.gift-payment__secure{margin-top:18px;display:flex;align-items:center;gap:10px;color:#edf1fca8;font-size:13px;line-height:1.45}.gift-payment__summary{padding:clamp(22px,3vw,30px);background:radial-gradient(circle at 80% 0%,rgba(230,183,47,.14),transparent 28%),linear-gradient(180deg,#0b111df5,#050910fa)}.gift-payment--premium .gift-payment__summary{background:radial-gradient(circle at 80% 0%,rgba(87,127,255,.18),transparent 30%),linear-gradient(180deg,#0b111df5,#050910fa)}.gift-payment__summaryHeader{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,210px);gap:18px;align-items:start}.gift-payment__eyebrow{margin:0;color:#f5c542;font-size:16px;font-weight:900}.gift-payment--premium .gift-payment__eyebrow{color:#78a0ff}.premium-payment__mark{width:66px;height:66px;margin-left:auto}.premium-payment__markIcon{width:28px;height:28px}.gift-payment__summaryHeader h2{margin:14px 0 0;color:#f7f8ff;font-size:clamp(30px,3vw,38px);line-height:1;font-weight:950}.gift-payment__summaryHeader p:not(.gift-payment__eyebrow){margin:10px 0 0;color:#edf1fccc;font-size:16px;font-weight:700}.gift-payment__previewMini{min-width:0}.gift-payment__previewMini .gift-page__previewCard{min-height:170px;padding:20px 18px;border-radius:12px}.gift-payment__previewMini .gift-page__previewLabel{font-size:13px}.gift-payment__previewMini .gift-page__previewTitle{margin-top:10px;font-size:26px}.gift-payment__previewMini .gift-page__previewDuration{margin-top:8px;font-size:13px}.gift-payment__previewMini .gift-page__previewGiftMark{width:56px;height:56px;margin-top:16px}.gift-payment__previewMini .gift-page__previewGiftIcon{width:54px;height:54px}.gift-payment__previewMini .gift-page__benefits{display:none}.gift-payment__benefits{margin-top:24px;padding-top:20px;border-top:1px solid rgba(143,157,190,.18);display:grid;gap:16px}.gift-payment__benefit{display:flex;align-items:center;gap:14px;color:#ffffffe6;font-size:14px;font-weight:750}.gift-payment__benefitIcon{color:#f5c542}.gift-payment--premium .gift-payment__benefitIcon{color:#78a0ff}.gift-payment__totals{margin-top:24px;padding-top:20px;border-top:1px solid rgba(143,157,190,.18);display:grid;gap:14px}.gift-payment__totalRow{display:flex;justify-content:space-between;gap:18px;color:#edf1fcbd;font-size:14px}.gift-payment__totalRow strong{color:#f7f8ff;text-align:right}.gift-payment__totalRow.is-total{margin-top:10px;padding-top:18px;border-top:1px solid rgba(143,157,190,.18);color:#f7f8ff;font-size:20px;font-weight:950}.gift-payment__totalRow.is-total strong{font-size:24px;color:#fff8ef}.gift-payment__guarantee{margin-top:22px;display:flex;align-items:center;gap:14px;color:#edf1fcc2}.gift-payment__guaranteeIcon{width:42px;height:42px;padding:9px;border:1px solid rgba(143,157,190,.18);border-radius:50%;background:#ffffff0a}.gift-payment__guarantee strong,.gift-payment__guarantee span{display:block}.gift-payment__guarantee strong{color:#f7f8ff;font-size:14px}.gift-payment__guarantee span{margin-top:4px;color:#edf1fca8;font-size:13px;line-height:1.35}.gift-payment__payButton{margin-top:28px;display:inline-flex;align-items:center;justify-content:center;gap:12px}.gift-payment__placeholderError{margin-top:14px;padding:12px 14px;border:1px solid rgba(245,197,66,.22);border-radius:8px;background:#f5c54214;color:#fff4d6e6;font-size:13px;line-height:1.4;font-weight:750}.gift-payment__legal{margin:18px auto 0;max-width:520px;color:#edf1fc9e;text-align:center;font-size:13px;line-height:1.5}.gift-payment__legal a{color:#72a8ff;font-weight:750}.gift-status{min-height:100%;display:grid;place-items:center;padding:24px}.gift-status__panel{width:min(100%,520px);padding:38px;border:1px solid var(--commerce-border);border-radius:14px;background:var(--commerce-panel-bg);text-align:center}.gift-status__badge{width:58px;height:58px;margin:0 auto 20px;border-radius:50%;border:1px solid rgba(245,197,66,.34);color:#f5c542;display:inline-flex;align-items:center;justify-content:center}.gift-status__badge.is-success{background:#32d3841f;border-color:#32d38452;color:#6ee7a8}.gift-status__panel h1{margin:0;color:var(--commerce-text);font-size:clamp(30px,4vw,42px);line-height:1;font-weight:950}.gift-status__panel p{margin:16px 0 0;color:var(--commerce-muted)}.gift-status__link,.gift-status__button{margin-top:26px}.gift-status__link{display:inline-flex;min-height:46px;padding:0 18px;align-items:center;justify-content:center;border-radius:8px;background:#ffffff14;color:#f7f8ff;font-weight:850}.gift-page__next:hover{transform:translateY(-1px);filter:brightness(1.04)}.gift-page__emptyPanel{margin-top:36px;min-height:360px;padding:42px;border:1px solid rgba(143,157,190,.18);border-radius:14px;background:radial-gradient(circle at 92% 8%,rgba(238,188,64,.1),transparent 34%),linear-gradient(180deg,#0d1422c2,#060a12eb);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.gift-page__emptyIcon{width:54px;height:54px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#f5c5421a;color:#e7b82f}.gift-page__emptyPanel h2{margin:22px 0 0;color:#f6f8ff;font-size:30px;line-height:1;font-weight:900}.gift-page__emptyPanel p{margin:12px 0 0;max-width:520px;color:#edf1fca8;font-size:15px;line-height:1.5}.gift-redeem{margin-top:34px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:clamp(34px,5vw,72px);align-items:start}.gift-redeem__formPanel{min-width:0}.gift-redeem__formPanel h2{margin:0;color:#f7f8ff;font-size:clamp(24px,2.2vw,30px);line-height:1.08;font-weight:900}.gift-redeem__intro{margin:16px 0 0;color:#edf1fcb8;font-size:16px;line-height:1.5}.gift-redeem__form{margin-top:34px;display:grid;gap:20px;max-width:720px}.gift-redeem__field{display:grid;gap:12px;color:#f7f8ff;font-size:15px;font-weight:850}.gift-redeem__inputWrap{position:relative;display:block}.gift-redeem__inputIcon{position:absolute;left:20px;top:50%;width:23px;height:23px;transform:translateY(-50%);color:#edf1fcad;pointer-events:none}.gift-redeem__inputWrap input{width:100%;min-height:58px;padding:0 20px 0 58px;border:1px solid rgba(143,157,190,.24);border-radius:8px;background:#050a1299;color:#f7f8ff;font-size:16px;font-weight:750;letter-spacing:0;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.gift-redeem__inputWrap input:focus{border-color:#f5c542b8;box-shadow:0 0 0 3px #f5c5421a}.gift-redeem__inputWrap input[aria-invalid=true]{border-color:#ff7777c2}.gift-redeem__submit{margin-top:10px;max-width:720px}.gift-redeem__error,.gift-redeem__success{padding:13px 15px;border-radius:8px;font-size:14px;line-height:1.45;font-weight:750}.gift-redeem__error{border:1px solid rgba(255,119,119,.22);background:#ff777714;color:#ff9a9a}.gift-redeem__success{margin-top:24px;max-width:720px;border:1px solid rgba(78,224,148,.24);background:#4ee09417;color:#8ff0bb;display:flex;align-items:center;gap:12px}.gift-redeem__statusIcon,.gift-redeem__secureIcon{width:21px;height:21px;flex:0 0 auto}.gift-redeem__statusIcon path,.gift-redeem__statusIcon rect,.gift-redeem__statusIcon circle,.gift-redeem__secureIcon path,.gift-redeem__secureIcon rect,.gift-redeem__inputIcon path,.gift-redeem__inputIcon rect,.gift-redeem__inputIcon line,.gift-redeem__inputIcon polyline{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.gift-redeem__help{margin-top:38px;max-width:720px;min-height:130px;padding:24px;border:1px solid rgba(143,157,190,.16);border-radius:14px;background:radial-gradient(circle at 84% 16%,rgba(224,176,42,.08),transparent 34%),linear-gradient(180deg,#0d1422b8,#060a12e6);display:grid;grid-template-columns:40px minmax(0,1fr) minmax(150px,210px);gap:20px;align-items:center}.gift-redeem__helpIcon{width:40px;height:40px;border-radius:50%;background:#e0b02a24;color:#efc84c;display:inline-flex;align-items:center;justify-content:center}.gift-redeem__helpText h3{margin:0;color:#f7f8ff;font-size:17px;line-height:1;font-weight:900}.gift-redeem__helpText p{margin:14px 0 0;color:#edf1fcad;font-size:14px;line-height:1.5}.gift-redeem__codeVisual{min-height:76px;border-radius:10px;background:linear-gradient(180deg,#edf1fc14,#edf1fc08);display:grid;place-items:center}.gift-redeem__codeCard{width:82%;min-height:34px;padding:0 12px;border-radius:5px;background:#f3f1ea;color:#555b66;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.gift-redeem__contact{margin:34px 0 0;color:#edf1fcbd;font-size:15px;line-height:1.5}.gift-redeem__contact a{color:#6fa1ff;font-weight:900}.gift-redeem__preview{width:min(100%,520px);justify-self:end;overflow:hidden;border:1px solid rgba(143,157,190,.16);border-radius:14px;background:radial-gradient(circle at 70% 4%,rgba(224,176,42,.16),transparent 30%),linear-gradient(180deg,#0c1018fa,#050910fa);box-shadow:0 24px 64px #0000003d}.gift-redeem__previewHero{position:relative;min-height:250px;display:grid;place-items:center;background:radial-gradient(circle at 50% 78%,rgba(224,176,42,.24),transparent 34%),radial-gradient(circle at 70% 10%,rgba(224,176,42,.26),transparent 26%),linear-gradient(135deg,#2c220eeb,#0f0f0efa 60%,#4a360deb)}.gift-redeem__previewHero:before{content:"";position:absolute;inset:0;opacity:.34;background-image:radial-gradient(circle,rgba(224,176,42,.62) 0 1px,transparent 2px),radial-gradient(circle,rgba(224,176,42,.36) 0 2px,transparent 3px);background-position:24px 36px,82px 92px;background-size:86px 86px,130px 130px}.gift-redeem__giftMark{position:relative;z-index:1;width:138px;height:138px;border-radius:22px;color:#f1c548;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 20px 28px rgba(0,0,0,.4))}.gift-redeem__giftIcon{width:124px;height:124px}.gift-redeem__giftIcon path,.gift-redeem__giftIcon rect,.gift-redeem__giftIcon line,.gift-redeem__giftIcon polyline{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.gift-redeem__spark{position:absolute;z-index:1;width:10px;height:10px;background:#e8b829;transform:rotate(45deg);opacity:.82}.gift-redeem__spark--1{top:34px;right:28px}.gift-redeem__spark--2{left:58px;bottom:58px}.gift-redeem__previewBody{padding:28px 34px 30px;text-align:center}.gift-redeem__previewBody h3{margin:0;color:#f7f8ff;font-size:clamp(24px,2.4vw,30px);line-height:1.08;font-weight:950}.gift-redeem__previewBody p{margin:18px auto 0;max-width:410px;color:#edf1fcc2;font-size:15px;line-height:1.45}.gift-redeem__benefits{margin-top:34px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;text-align:left}.gift-redeem__benefit{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;color:#ffffffe6;font-size:12px;line-height:1.2;font-weight:800}.gift-redeem__benefitIcon{width:38px;height:38px;border-radius:50%;background:#e0b02a1f;color:#efc84c;display:inline-flex;align-items:center;justify-content:center}.gift-redeem__secure{min-height:58px;padding:0 24px;border-top:1px solid rgba(143,157,190,.12);background:linear-gradient(180deg,#1a1f2af5,#161b25f5);color:#edf1fcc7;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:800;text-align:center}.gift-page__shell{width:min(100%,1420px);padding:clamp(30px,3.2vw,46px) clamp(30px,4vw,68px) 34px}.gift-page__header{gap:9px}.gift-page__back{min-height:30px;font-size:14px}.gift-page__title{font-size:clamp(34px,3.7vw,48px)}.gift-page__subtitle{font-size:15px}.gift-page__tabs{margin-top:28px;min-height:42px}.gift-page__tab{min-height:42px;padding-bottom:12px}.gift-page__grid{margin-top:30px;grid-template-columns:minmax(0,1.1fr) minmax(340px,520px);gap:clamp(32px,4.2vw,58px)}.gift-page__offerIcon{width:48px;height:48px}.gift-page__offerTitle{font-size:clamp(23px,2.4vw,30px)}.gift-page__offerSubtitle{font-size:15px}.gift-page__durationGrid{margin-top:28px;gap:clamp(12px,1.3vw,18px)}.gift-page__durationCard{min-height:214px;padding:18px 18px 16px;border-radius:13px}.gift-page__durationCard.is-active{border-color:#e0b02ac7;background:radial-gradient(circle at 50% 0%,rgba(224,176,42,.1),transparent 34%),linear-gradient(180deg,#0f1829e6,#060a12f5);box-shadow:0 16px 38px #0000002e,inset 0 0 0 1px #e0b02a2e}.gift-page__durationBadge{position:absolute;top:18px;right:16px;background:#5678b875}.gift-page__durationBadge--gold{left:50%;right:auto;transform:translate(-50%);background:#e0b02a2e;color:#efc84c}.gift-page__durationNumber{margin-top:58px;font-size:clamp(42px,4.1vw,54px)}.gift-page__durationUnit{margin-top:11px;font-size:19px}.gift-page__durationDivider{margin-top:24px}.gift-page__durationCard.is-active .gift-page__durationDivider{background:#e0b02ab8}.gift-page__durationPrices{padding-top:20px;min-height:50px}.gift-page__durationOldPrice{font-size:15px}.gift-page__durationPrice{font-size:19px}.gift-page__durationCard.is-active .gift-page__durationPrice{color:#efc84c}.gift-page__infoBox{margin-top:24px;min-height:74px;padding:16px 20px;border-radius:13px}.gift-page__infoBox p{font-size:14px}.gift-page__previewPanel{width:min(100%,520px);justify-self:end}.gift-page__previewCard{min-height:390px;padding:34px 34px 26px;border-color:#e0b02a24;background:radial-gradient(circle at 78% 10%,rgba(224,176,42,.2),transparent 30%),radial-gradient(circle at 36% 48%,rgba(224,176,42,.08),transparent 34%),linear-gradient(135deg,#2b210ef0,#0e0e0dfb 58%,#45330deb);box-shadow:0 20px 54px #0000003d}.gift-page__previewAura{opacity:.25;background-image:radial-gradient(circle at 26% 56%,rgba(224,176,42,.22) 0 1px,transparent 2px),radial-gradient(circle at 74% 40%,rgba(224,176,42,.16) 0 1px,transparent 2px);background-size:160px 160px,210px 210px}.gift-page__previewLabel{color:#efc84c;font-size:clamp(19px,2vw,24px)}.gift-page__previewTitle{margin-top:18px;font-size:clamp(40px,4.4vw,56px)}.gift-page__previewDuration{margin-top:14px;font-size:18px}.gift-page__giftArt{width:min(50%,210px);min-width:170px;margin-top:28px}.gift-page__giftBox,.gift-page__giftLid,.gift-page__giftBow,.gift-page__giftRibbon,.gift-page__giftRay,.gift-page__giftHalo{stroke:#e8b829}.gift-page__giftSpark{fill:#e8b829}.gift-page__benefits{padding-top:28px;gap:14px}.gift-page__benefit{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;font-size:12px}.gift-page__benefitIcon{width:32px;height:32px;background:#e0b02a1a;color:#efc84c}.gift-page__validity{min-height:52px;padding:0 clamp(22px,2.4vw,34px);gap:12px;font-size:14px}.gift-page__next{min-height:54px;margin-top:18px;border-color:#e0b02a4d;background:linear-gradient(180deg,#edc64f,#dca822);font-size:17px;box-shadow:0 14px 34px #d5a02629}.gift-page__shell{padding-top:clamp(20px,2.3vw,32px);padding-bottom:28px}.gift-page__header{gap:6px}.gift-page__back{min-height:26px;font-size:13px}.gift-page__backIcon{width:18px;height:18px}.gift-page__title{font-size:clamp(30px,3.1vw,42px)}.gift-page__subtitle{font-size:14px}.gift-page__tabs{margin-top:20px;min-height:38px;overflow:visible;flex-wrap:nowrap;scrollbar-width:none}.gift-page__tab{min-height:38px;padding-bottom:10px}.gift-page__grid{margin-top:24px;grid-template-columns:minmax(0,1.1fr) minmax(320px,460px);gap:clamp(28px,3.6vw,48px)}.gift-page__durationBadge{min-height:26px;padding:0 11px;border-radius:7px;box-shadow:none}.gift-page__durationBadge--gold{border-radius:7px}.gift-page__previewPanel{width:min(100%,460px)}.gift-page__previewCard{min-height:330px;padding:28px 30px 22px;border-color:#e0b02a1f;background:radial-gradient(circle at 88% 8%,rgba(238,188,64,.14),transparent 34%),linear-gradient(180deg,#19160ff0,#08090df5);box-shadow:0 16px 36px #0003}.gift-page__previewAura{display:none}.gift-page__previewLabel{font-size:clamp(18px,1.8vw,22px)}.gift-page__previewTitle{margin-top:14px;font-size:clamp(36px,3.7vw,48px)}.gift-page__previewDuration{margin-top:11px;font-size:16px}.gift-page__previewGiftMark{position:relative;z-index:1;width:112px;height:112px;margin-top:24px;display:inline-flex;align-items:center;justify-content:center;color:#efc84c}.gift-page__previewGiftIcon{width:104px;height:104px}.gift-page__benefits{padding-top:22px;gap:12px}.gift-page__benefit{grid-template-columns:28px minmax(0,1fr);gap:9px;font-size:11.5px}.gift-page__benefitIcon{width:28px;height:28px}.gift-page__featureIcon{width:16px;height:16px}.gift-page__validity{min-height:46px;font-size:13px}.gift-page__next{min-height:48px;margin-top:14px;font-size:16px}.gift-page,.premium-page{background:var(--commerce-page-bg)}.gift-page__shell{width:min(100%,1540px)}.gift-page__title{color:var(--commerce-text);text-shadow:0 2px 0 rgba(220,168,34,.22)}.gift-page__subtitle{color:var(--commerce-muted)}.premium-page .gift-page__step.is-active .gift-page__stepMark,.gift-page__step.is-active .gift-page__stepMark{border-color:#e5b832eb;background:#e5b832;color:#11100a}.premium-page .gift-page__step.is-done .gift-page__stepMark,.gift-page__step.is-done .gift-page__stepMark{border-color:#e5b832e0;color:#e5b832}.premium-page .gift-page__step.is-done .gift-page__stepLine,.premium-page .gift-page__step.is-active .gift-page__stepLine,.gift-page__step.is-done .gift-page__stepLine,.gift-page__step.is-active .gift-page__stepLine{background:#e5b8328f}.gift-payment{grid-template-columns:minmax(0,1.04fr) minmax(390px,.82fr);gap:clamp(34px,4.4vw,82px);align-items:start}.gift-payment__panel,.gift-payment__summary{border:1px solid rgba(143,157,190,.2);border-radius:14px;background:linear-gradient(180deg,#0c121ec7,#050910f0);box-shadow:0 26px 70px #0000003d,inset 0 1px #ffffff08}.gift-payment__panel{padding:clamp(24px,3vw,38px)}.gift-payment__sectionTitle{color:#fff7ec;font-size:clamp(22px,2vw,28px)}.gift-payment__methodTabs{margin-top:28px;min-height:72px;padding:5px;border:1px solid rgba(143,157,190,.18);border-radius:13px;background:#050a127a;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.gift-payment__methodTab{min-width:0;min-height:60px;padding:0 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:#edf1fcc7;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-size:15px;font-weight:900;cursor:pointer}.gift-payment__methodTab:focus-visible{outline:none;box-shadow:0 0 0 3px #e5b83229}.gift-payment__methodTab.is-active{color:#f9d25a;border-color:#e5b832bd;background:linear-gradient(180deg,#e5b8321a,#e5b83209)}.gift-payment__methodTab.is-muted{opacity:.64;cursor:not-allowed}.gift-payment__methodGlyph{min-width:34px;min-height:22px;padding:0 6px;border-radius:5px;background:#ffffff14;color:inherit;display:inline-flex;align-items:center;justify-content:center;font-size:10px;line-height:1;font-weight:950}.gift-payment__methodGlyph--paypal{color:#69a7ff;font-size:16px}.gift-payment__checkoutPanel{margin-top:24px;min-height:0;padding:clamp(22px,2.5vw,28px);border-color:#8f9dbe33;background:#04091194;display:flex;flex-direction:column;align-items:stretch;gap:22px}.gift-payment__checkoutHead{display:flex;align-items:center;gap:14px}.gift-payment__checkoutIcon{width:44px;height:44px;border-color:#e5b8325c;background:#e5b83214;color:#e5b832}.gift-payment__checkoutPanel h3{font-size:15px}.gift-payment__checkoutPanel p{margin-top:5px;font-size:13px}.gift-payment__secure{color:#edf1fcad}.gift-payment__secureIcon{color:#edf1fc8f}.gift-payment__summary{position:relative;overflow:hidden;padding:clamp(24px,3vw,34px);background:linear-gradient(110deg,#0b111dfa,#080c14fa 46%,#1d180cf5)}.gift-payment__summary:before{content:"";position:absolute;inset:0 0 auto auto;width:42%;height:52%;background:linear-gradient(135deg,#e5b8322e,#e5b83200);pointer-events:none}.gift-payment--premium .gift-payment__summary{background:linear-gradient(110deg,#0b111dfa,#080c14fa 46%,#1d180cf5)}.gift-payment--premium .gift-payment__eyebrow,.gift-payment__eyebrow{color:#f0c43e}.gift-payment__summaryHeader,.gift-payment__benefits,.gift-payment__totals{position:relative;z-index:1}.gift-payment__summaryHeader h2{color:#fff7ec;font-size:clamp(34px,3.2vw,46px);text-shadow:0 2px 0 rgba(220,168,34,.18)}.gift-payment__summaryHeader p:not(.gift-payment__eyebrow){color:#edf1fcdb}.gift-payment__previewMini .gift-page__previewPanel{width:100%}.gift-payment__previewMini .gift-page__previewCard{min-height:228px;border-color:#e5b8322e;background:linear-gradient(145deg,#2a210ef5,#0a0a0cfa 58%,#221909f0);box-shadow:0 24px 58px #00000052}.gift-payment__previewMini .gift-page__previewLabel{color:#f0c43e;font-size:14px}.gift-payment__previewMini .gift-page__previewTitle{color:#fff7ec;font-size:30px}.gift-payment__previewMini .gift-page__previewGiftMark{width:72px;height:72px}.gift-payment__previewMini .gift-page__previewGiftIcon{width:70px;height:70px}.gift-page__previewCard{position:relative;overflow:hidden}.gift-page__previewGlow{position:absolute;inset:auto 9% 12% 20%;height:24%;background:linear-gradient(90deg,#e5b83200,#e5b83238,#e5b83200);filter:blur(18px);pointer-events:none}.gift-page__previewSpark{position:absolute;width:10px;height:10px;border-radius:2px;background:#e5b832;transform:rotate(45deg);opacity:.8}.gift-page__previewSpark--1{top:24px;right:28px}.gift-page__previewSpark--2{left:30px;bottom:52px;opacity:.46}.gift-payment__benefitIcon,.gift-payment--premium .gift-payment__benefitIcon{color:#e5b832}.gift-payment__totals,.gift-payment__benefits{border-color:#8f9dbe29}.gift-payment__totalRow{font-size:15px}.gift-payment__totalRow.is-total{font-size:22px}.gift-payment__totalRow.is-total strong{color:#fff7ec;font-size:28px}.gift-payment__payButton{width:100%;min-height:60px;margin-top:18px;border-radius:8px;color:#120f06;font-size:18px;font-weight:950}.gift-payment__payIcon{width:20px;height:20px}.gift-payment__legal{max-width:560px;color:#edf1fcad}.gift-payment__legal a{color:#70a8ff}.premium-payment__visual{position:relative;width:min(100%,220px);aspect-ratio:1.15;margin-left:auto;display:grid;place-items:center}.premium-payment__visual:before{content:"";position:absolute;inset:20% 8% 8%;background:linear-gradient(90deg,#e5b83200,#e5b83233,#e5b83200);filter:blur(16px)}.premium-payment__visualBox{position:relative;width:118px;height:92px;border-radius:12px;border:1px solid rgba(229,184,50,.24);background:linear-gradient(145deg,#18150ff5,#07080afa);color:#e5b832;display:grid;place-items:center;box-shadow:0 22px 42px #00000057}.premium-payment__visualGift{width:64px;height:64px}.premium-payment__visualDiamond{position:absolute;top:22px;left:16px;width:22px;height:22px;color:#e5b832}.settings-shell--billingFree{position:relative;isolation:isolate}.settings-stack--freeBilling{display:block}.settings-freeBilling{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--r-xl, 22px);min-height:min(72vh,720px);display:grid;place-items:center;padding:clamp(20px,3vh,40px) clamp(16px,4vw,48px)}.settings-freeBilling__behind{position:absolute;inset:0;z-index:0;display:grid;place-items:center;padding:clamp(20px,4vw,56px);filter:blur(26px) saturate(1.7);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 24%,#000 76%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 16%,#000 80%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 24%,#000 76%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 16%,#000 80%,transparent 100%);mask-composite:intersect}.settings-freeBilling__behind .settings-billingHub__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,32px);width:100%;max-width:1100px;margin-inline:auto}.settings-freeBilling__behind:after{content:"";position:absolute;inset:-10%;background:radial-gradient(ellipse at 16% 50%,color-mix(in srgb,#3b82f6 60%,transparent),transparent 52%),radial-gradient(ellipse at 84% 52%,color-mix(in srgb,#ff9a1f 56%,transparent),transparent 52%),radial-gradient(ellipse 56% 64% at 50% 44%,color-mix(in srgb,var(--bg) 84%,transparent),transparent 72%)}.settings-freeBilling__overlay{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(8px,1.4vh,14px);width:100%;max-width:720px}.settings-freeBilling__icon{display:inline-flex;align-items:center;justify-content:center;width:clamp(56px,7vh,72px);height:clamp(56px,7vh,72px);border-radius:var(--r-lg, 18px);background:var(--card);border:1px solid var(--border);color:var(--accent);box-shadow:0 18px 44px #5f82ff33;margin-bottom:var(--sp-1)}.settings-freeBilling__iconSvg{width:34px;height:34px}.settings-freeBilling__title{margin:0;font-size:clamp(26px,3.6vw,42px);line-height:1.05;font-weight:900;letter-spacing:-.01em;color:var(--text)}.settings-freeBilling__titleHighlight{background:linear-gradient(120deg,#3b82f6,#5b9dff 38%,#6d8bff 70%,#8f6cff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 1px 10px rgba(91,140,255,.35))}.settings-freeBilling__subtitle{margin:0;font-size:clamp(15px,1.5vw,18px);color:var(--muted);max-width:48ch}.settings-freeBilling__secondary{margin:0;font-size:clamp(14px,1.3vw,16px);font-weight:600;color:var(--muted)}.settings-freeBilling__card{width:100%;margin-top:clamp(10px,1.6vh,20px);padding:clamp(16px,2.2vw,26px);border-radius:var(--r-lg, 18px);background:color-mix(in srgb,var(--card) 86%,transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.6vh,16px)}.settings-freeBilling__cardTitle{font-size:clamp(15px,1.4vw,18px);font-weight:800;color:var(--accent)}.settings-freeBilling__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(8px,.9vw,12px)}.settings-freeBilling__chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:9px 15px;border-radius:var(--r-md, 14px);background:var(--surface);border:1px solid var(--border);font-weight:700;font-size:15px;color:var(--text)}.settings-freeBilling__chipIcon{width:18px;height:18px;color:var(--accent)}.settings-freeBilling__cardNote{margin:0;font-size:13.5px;font-weight:500;color:var(--muted);max-width:60ch}.settings-freeBilling__footer{margin-top:clamp(12px,2vh,22px);padding:12px 22px;border-radius:999px;background:color-mix(in srgb,var(--card) 86%,transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:700;font-size:15px;color:var(--text)}.legal-page{width:100%;overflow-y:auto;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.7;padding:clamp(1.5rem,4vw,3rem) 1.5rem 4rem}.legal-container{max-width:760px;margin:0 auto}.legal-back{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:1.5rem;padding:.45rem .85rem .45rem .6rem;border:1px solid var(--cardBorder, var(--border));border-radius:999px;background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.legal-back:hover{border-color:var(--accent);color:var(--accent)}.legal-back__icon{width:18px;height:18px;transform:rotate(180deg)}.legal-header{margin-bottom:2.25rem}.legal-page h1{margin:0;font-size:clamp(1.6rem,4vw,2rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--text)}.legal-meta{margin:.7rem 0 0;color:var(--muted);font-size:13px}.legal-divider{border:none;border-top:1px solid var(--border);margin:2.25rem 0}.legal-page h2{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 1rem}.legal-page p{margin:0 0 .75rem;color:var(--text)}.legal-page ul{padding-left:1.35rem;margin:0 0 .9rem}.legal-page li{margin-bottom:.35rem;color:var(--text)}.legal-page strong{font-weight:700}.legal-page a{color:var(--accent);text-decoration:none;font-weight:600}.legal-page a:hover{text-decoration:underline}.legal-placeholder{color:var(--accent);font-weight:600}.legal-card{background:var(--surface);border:1px solid var(--cardBorder, var(--border));border-radius:16px;padding:1.1rem 1.3rem;margin-bottom:.7rem}.legal-card-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.3rem}.legal-card-value{font-size:15px;color:var(--text)}.legal-table-wrap{overflow-x:auto;margin-bottom:1.2rem;border-radius:16px;border:1px solid var(--cardBorder, var(--border))}.legal-table{width:100%;border-collapse:collapse;font-size:14px}.legal-table th{background:var(--surface);color:var(--muted);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:.8rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.legal-table td{padding:.8rem 1rem;border-bottom:1px solid var(--border-soft, var(--border));vertical-align:top}.legal-table tr:last-child td{border-bottom:none}.legal-note,.legal-warn{border-radius:14px;padding:.95rem 1.15rem;margin:1.1rem 0;font-size:14px;line-height:1.6}.legal-note{background:var(--accent-muted);border:1px solid var(--accent-border, var(--border))}.legal-warn{background:var(--status-warning-bg, rgba(232, 160, 32, .12));border:1px solid var(--status-warning, #e8a020)}.legal-footer-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:13px;color:var(--muted);text-align:center}.legal-footer-brand{font-weight:700;color:var(--text)}