@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Manrope:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--font-title: "Sora", "Avenir Next", "Nunito Sans", "Segoe UI", sans-serif;--font-body: "Manrope", "Avenir Next", "Nunito Sans", "Segoe UI", Helvetica, Arial, sans-serif;--font-lyrics: "Segoe UI", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;--safe-top-raw: env(safe-area-inset-top, 0px);--safe-top: var(--safe-top-raw);--pin-bar-h: 0px;--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--page-padding-x: clamp(12px, 4vw, 20px);--radius-card: 24px;--radius-btn: 14px;--radius-input: 16px;--transition-fast: .18s ease}:root,:root[data-theme=classique]{color-scheme:light;--bg: #f4efe7;--bg-elev: #fffaf4;--text: #2a2724;--text-muted: rgba(42, 39, 36, .7);--accent: #8d6945;--accent-soft: #efe2d2;--on-accent: #ffffff;--accent-tint-weak: rgba(141, 105, 69, .08);--accent-tint: rgba(141, 105, 69, .16);--accent-tint-strong: rgba(141, 105, 69, .24);--border-soft: rgba(141, 105, 69, .24);--surface: #ffffff;--input-bg: #fffefb;--input-border: rgba(141, 105, 69, .32);--field-bg: #f7f3ed;--glass-weak: rgba(255, 255, 255, .45);--glass: rgba(255, 255, 255, .68);--glass-strong: rgba(255, 255, 255, .85);--highlight: rgba(255, 255, 255, .8);--overlay: rgba(23, 21, 19, .4);--danger: #c0392b;--on-danger: #ffffff;--success: #2a7a2a;--danger-tint: rgba(192, 57, 43, .12);--warning: #a05a2c;--shadow-soft: 0 10px 24px rgba(74, 58, 42, .1);--shadow-card: 0 18px 36px rgba(74, 58, 42, .14);--shadow-item: 0 0px 14px rgba(36, 45, 77, .14);--shadow-item-soft: 0 0px 6px rgba(36, 45, 77, .12);--shadow-header: 0 8px 18px rgba(74, 58, 42, .16);--page-gradient: radial-gradient(circle at 8% -5%, #f7ead8 0%, transparent 34%), radial-gradient(circle at 92% 0%, #ffeede 0%, transparent 38%), linear-gradient(180deg, #f8f4ed 0%, #f0e9df 100%);--root-gradient: linear-gradient(180deg, #f8f1e8 0%, #f4ece3 100%);--shell-gradient: linear-gradient(180deg, #f4efe7 0%, #efe4d6 100%);--card-gradient: linear-gradient(180deg, #fffefc 0%, #fff7ef 100%);--panel-gradient: linear-gradient(180deg, #fffdf9 0%, #fff4eb 100%);--swatch-0: #f6d294;--swatch-1: #f6b48e;--swatch-2: #f6958e;--swatch-3: #dfb6f6;--swatch-4: #cbc3de;--swatch-5: #bbe9f6;--swatch-pale-0: #f9f1da;--swatch-pale-1: #f9e7d8;--swatch-pale-2: #f9d8d6;--swatch-pale-3: #d6cdea;--swatch-pale-4: #cbe4f9;--swatch-pale-5: #cdf5f6;--swatch-soft-0: #fceed5;--swatch-soft-1: #ffe7da;--swatch-soft-2: #f9e2e0;--swatch-soft-3: #f5e4ff;--swatch-soft-4: #f1ebff;--swatch-soft-5: #e6f9ff}:root[data-theme=sombre]{color-scheme:dark;--bg: #1c1916;--bg-elev: #262119;--text: #efe8df;--text-muted: rgba(239, 232, 223, .66);--accent: #d3a878;--accent-soft: #3a2f24;--on-accent: #241c12;--accent-tint-weak: rgba(211, 168, 120, .1);--accent-tint: rgba(211, 168, 120, .18);--accent-tint-strong: rgba(211, 168, 120, .28);--border-soft: rgba(211, 168, 120, .3);--surface: #262220;--input-bg: #2c2723;--input-border: rgba(211, 168, 120, .36);--field-bg: #282320;--glass-weak: rgba(255, 255, 255, .05);--glass: rgba(255, 255, 255, .09);--glass-strong: rgba(255, 255, 255, .14);--highlight: rgba(255, 255, 255, .09);--overlay: rgba(0, 0, 0, .6);--danger: #e07360;--on-danger: #2b0f0a;--success: #7fc97f;--danger-tint: rgba(224, 115, 96, .16);--warning: #d99a63;--shadow-soft: 0 10px 24px rgba(0, 0, 0, .3);--shadow-card: 0 18px 36px rgba(0, 0, 0, .4);--shadow-item: 0 0px 14px rgba(0, 0, 0, .36);--shadow-item-soft: 0 0px 6px rgba(0, 0, 0, .3);--shadow-header: 0 8px 18px rgba(0, 0, 0, .4);--page-gradient: radial-gradient(circle at 8% -5%, #2b241c 0%, transparent 34%), radial-gradient(circle at 92% 0%, #2c221a 0%, transparent 38%), linear-gradient(180deg, #201c18 0%, #191613 100%);--root-gradient: linear-gradient(180deg, #201c18 0%, #1b1815 100%);--shell-gradient: linear-gradient(180deg, #262119 0%, #211c16 100%);--card-gradient: linear-gradient(180deg, #282320 0%, #241f1b 100%);--panel-gradient: linear-gradient(180deg, #2a2521 0%, #26211c 100%);--swatch-0: #59452a;--swatch-1: #5c3f2d;--swatch-2: #5e3431;--swatch-3: #483a5c;--swatch-4: #3d4157;--swatch-5: #2f4c57;--swatch-pale-0: #46381f;--swatch-pale-1: #483223;--swatch-pale-2: #4a2a27;--swatch-pale-3: #392e4a;--swatch-pale-4: #303446;--swatch-pale-5: #263d46;--swatch-soft-0: #3a2f1c;--swatch-soft-1: #3c2b1e;--swatch-soft-2: #3d2421;--swatch-soft-3: #30273d;--swatch-soft-4: #282b3a;--swatch-soft-5: #20333a}:root[data-theme=ocean]{color-scheme:light;--bg: #e9f0f5;--bg-elev: #f7fbfd;--text: #1f2a33;--text-muted: rgba(31, 42, 51, .68);--accent: #3d6e8f;--accent-soft: #d9e8f1;--on-accent: #ffffff;--accent-tint-weak: rgba(61, 110, 143, .08);--accent-tint: rgba(61, 110, 143, .14);--accent-tint-strong: rgba(61, 110, 143, .24);--border-soft: rgba(61, 110, 143, .26);--surface: #ffffff;--input-bg: #fbfdff;--input-border: rgba(61, 110, 143, .34);--field-bg: #eff5f9;--glass-weak: rgba(255, 255, 255, .45);--glass: rgba(255, 255, 255, .68);--glass-strong: rgba(255, 255, 255, .85);--highlight: rgba(255, 255, 255, .8);--overlay: rgba(15, 26, 36, .42);--danger: #c0392b;--on-danger: #ffffff;--success: #24803f;--danger-tint: rgba(192, 57, 43, .12);--warning: #9c6420;--shadow-soft: 0 10px 24px rgba(38, 66, 89, .1);--shadow-card: 0 18px 36px rgba(38, 66, 89, .14);--shadow-item: 0 0px 14px rgba(38, 66, 89, .16);--shadow-item-soft: 0 0px 6px rgba(38, 66, 89, .12);--shadow-header: 0 8px 18px rgba(38, 66, 89, .16);--page-gradient: radial-gradient(circle at 8% -5%, #ddedf6 0%, transparent 34%), radial-gradient(circle at 92% 0%, #e2f1f6 0%, transparent 38%), linear-gradient(180deg, #f0f6fa 0%, #e5eef4 100%);--root-gradient: linear-gradient(180deg, #eef5f9 0%, #e8f0f5 100%);--shell-gradient: linear-gradient(180deg, #e9f0f5 0%, #dde9f1 100%);--card-gradient: linear-gradient(180deg, #fdfeff 0%, #f2f8fb 100%);--panel-gradient: linear-gradient(180deg, #fbfdfe 0%, #f0f7fa 100%);--swatch-0: #9fd0e8;--swatch-1: #a9c2f2;--swatch-2: #c5b5ee;--swatch-3: #9fe0cf;--swatch-4: #cfe3a5;--swatch-5: #f2d59e;--swatch-pale-0: #ddeef7;--swatch-pale-1: #e0e9fb;--swatch-pale-2: #ece5fa;--swatch-pale-3: #def5ee;--swatch-pale-4: #edf5da;--swatch-pale-5: #faeed7;--swatch-soft-0: #e8f4fa;--swatch-soft-1: #eaf0fc;--swatch-soft-2: #f2edfb;--swatch-soft-3: #e9f8f3;--swatch-soft-4: #f3f8e8;--swatch-soft-5: #fcf4e4}:root[data-theme=nuit]{color-scheme:dark;--bg: #12151f;--bg-elev: #1a1f2e;--text: #e6eaf3;--text-muted: rgba(230, 234, 243, .66);--accent: #8fb4e3;--accent-soft: #232c40;--on-accent: #0f1523;--accent-tint-weak: rgba(143, 180, 227, .1);--accent-tint: rgba(143, 180, 227, .16);--accent-tint-strong: rgba(143, 180, 227, .26);--border-soft: rgba(143, 180, 227, .28);--surface: #1c2130;--input-bg: #222839;--input-border: rgba(143, 180, 227, .34);--field-bg: #1e2433;--glass-weak: rgba(255, 255, 255, .05);--glass: rgba(255, 255, 255, .08);--glass-strong: rgba(255, 255, 255, .13);--highlight: rgba(255, 255, 255, .08);--overlay: rgba(0, 0, 0, .62);--danger: #e57a68;--on-danger: #2b0f0a;--success: #82c98f;--danger-tint: rgba(229, 122, 104, .16);--warning: #d9a763;--shadow-soft: 0 10px 24px rgba(0, 0, 0, .34);--shadow-card: 0 18px 36px rgba(0, 0, 0, .44);--shadow-item: 0 0px 14px rgba(0, 0, 0, .4);--shadow-item-soft: 0 0px 6px rgba(0, 0, 0, .32);--shadow-header: 0 8px 18px rgba(0, 0, 0, .44);--page-gradient: radial-gradient(circle at 8% -5%, #1a2030 0%, transparent 34%), radial-gradient(circle at 92% 0%, #191f31 0%, transparent 38%), linear-gradient(180deg, #141826 0%, #10131c 100%);--root-gradient: linear-gradient(180deg, #151927 0%, #11141e 100%);--shell-gradient: linear-gradient(180deg, #1a1f2e 0%, #161b28 100%);--card-gradient: linear-gradient(180deg, #1e2434 0%, #1a1f2d 100%);--panel-gradient: linear-gradient(180deg, #202638 0%, #1c2231 100%);--swatch-0: #31415e;--swatch-1: #333756;--swatch-2: #41335c;--swatch-3: #274c4c;--swatch-4: #3a482c;--swatch-5: #57452b;--swatch-pale-0: #273349;--swatch-pale-1: #282b44;--swatch-pale-2: #332948;--swatch-pale-3: #1f3c3c;--swatch-pale-4: #2e3923;--swatch-pale-5: #453722;--swatch-soft-0: #202a3c;--swatch-soft-1: #212338;--swatch-soft-2: #2a223b;--swatch-soft-3: #1a3232;--swatch-soft-4: #262f1d;--swatch-soft-5: #382d1c}html,body{width:100%;min-height:100%;height:100%}html{background-color:var(--bg)}body{margin:0;font-family:var(--font-body);background:var(--page-gradient);color:var(--text);overflow-x:hidden;-webkit-text-size-adjust:100%}html,body,#root,.page,*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;display:none}*{color:inherit}a{color:var(--text);text-decoration:none}#root{width:100%;min-height:100svh;min-height:100dvh;position:relative;background:var(--root-gradient)}.page{min-height:calc(100svh - var(--pin-bar-h));min-height:calc(100dvh - var(--pin-bar-h));padding-bottom:var(--safe-bottom);overflow-x:hidden;position:relative;z-index:1}button{border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}button:active{transform:translateY(1px) scale(.99)}input{transition:box-shadow var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}@keyframes pin-live-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}}@keyframes pin-eyebrow-wave{0%,24%,to{transform:translate(0);font-weight:700;color:var(--text-muted)}8%{transform:translate(2.5px);font-weight:1000;color:var(--text)}16%{transform:translate(0);font-weight:700;color:var(--text-muted)}}.pin-status-eyebrow-letter.is-active{animation:pin-eyebrow-wave 4s ease-in-out infinite both}@media(prefers-reduced-motion:reduce){.pin-status-eyebrow-letter.is-active{animation:none}}@keyframes pin-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes pin-modal-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}