:root{--brand:#7c5cff;--line:#ffffff1c;--surface:#17192e;--muted:#a7abc7;color:#f6f7ff;font-synthesis:none;text-rendering:optimizelegibility;background:#0b0d1c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html[data-app-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-app-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-app-theme=light] body{color:#11131a;background:#f2f4f8}html[data-app-theme=light] input:not([type=color]),html[data-app-theme=light] textarea,html[data-app-theme=light] select{caret-color:#111;color:#111!important;background-color:#fff!important;border-color:#c8ccd6!important}html[data-app-theme=light] input::placeholder,html[data-app-theme=light] textarea::placeholder{color:#686d7b!important}html[data-app-theme=dark] input:not([type=color]),html[data-app-theme=dark] textarea,html[data-app-theme=dark] select{color:#fff;caret-color:#fff}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;font-family:var(--app-font,Inter), system-ui, sans-serif;background:radial-gradient(circle at 80% 0,#262057 0,#0000 36rem),#0b0d1c;margin:0}button{font:inherit}.app-shell{min-height:100vh;padding-bottom:86px}.app-content{width:min(1100px,100% - 32px);margin:0 auto;padding:48px 0 32px}.hero{align-items:center;gap:20px;margin-bottom:36px;display:flex}.app-shell--home{padding-bottom:0}.app-shell--home .app-content{width:min(620px,100% - 28px);padding-top:26px}.app-shell--home .hero{justify-content:center;margin-bottom:10px}.app-shell--home .hero h1{margin-bottom:8px;font-size:clamp(38px,11vw,64px)}.home-brand-mark{background:linear-gradient(145deg, var(--logo-color-1,#28d4df), var(--logo-color-2,#7048f1) 48%, var(--logo-color-3,#ff9c2a));color:#fff;border-radius:22px;place-items:center;width:78px;height:78px;font-size:38px;font-weight:1000;display:grid;transform:skew(-7deg);box-shadow:0 18px 50px #452edc55}.hero__group-name{color:#b981ff;margin:0}.home-intro{color:#c7cada;text-align:center;margin:0 0 20px;line-height:1.45}.home-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.home-module{color:#fff;text-align:left;cursor:pointer;border:1px solid #ffffff1f;border-radius:17px;align-items:center;gap:12px;min-height:86px;padding:14px;display:flex;box-shadow:inset 0 1px #ffffff20,0 10px 25px #0003}.home-module svg{flex:0 0 34px;width:34px;height:34px}.home-module span{gap:3px;display:grid}.home-module b{font-size:17px}.home-module small{color:#ffffffc9;line-height:1.25}.home-module--songs{background:linear-gradient(135deg,#5333a8,#312369)}.home-module--events{background:linear-gradient(135deg,#118d5f,#075c3f)}.home-module--rehearsals{background:linear-gradient(135deg,#df850a,#954806)}.home-module--chat{background:linear-gradient(135deg,#1768c5,#123a81)}.home-module--tutorials{background:linear-gradient(135deg,#bd3568,#6c204b)}.home-module--files{background:linear-gradient(135deg,#1598bc,#07546f)}.home-module--pads{background:linear-gradient(135deg,#7c3aed,#3b1b78)}.home-module--settings{background:linear-gradient(135deg,#4b5563,#202938)}.home-event-card{cursor:pointer;background:#10192a;border:1px solid #ffffff18;border-radius:17px;margin-top:13px;padding:15px}.home-event-card>div{align-items:center;gap:12px;display:flex}.home-event-card svg{color:#9a8aff}.home-event-card span{flex:1;gap:3px;display:grid}.home-event-card small{color:#aeb3c8}.home-event-card strong{color:#ffd34e;text-align:right}.home-status-strip{color:#8990aa;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:12px;font-size:12px;display:flex}.home-status-strip span{align-items:center;gap:5px;display:flex}.home-status-strip svg{width:14px}.brand-mark{color:#fff;background:linear-gradient(135deg,#7c5cff,#28c7d9);border-radius:22px;place-items:center;width:72px;height:72px;font-size:34px;font-weight:900;display:grid;box-shadow:0 16px 50px #6247ff55}.eyebrow{color:#aaa9d2;letter-spacing:.14em;margin:0 0 6px;font-size:12px;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:5px;font-size:clamp(32px,7vw,54px);line-height:1}.hero__copy{color:#c8c9df;margin:0}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.status-card{background:#14172bd9;border:1px solid #ffffff12;border-radius:24px;gap:16px;min-height:168px;padding:24px;display:flex;box-shadow:0 14px 40px #0003}.status-card__icon{color:#9b8aff;background:#2a2755;border-radius:14px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.status-card--warning .status-card__icon{color:#ffc85b;background:#493719}.status-card h2{margin-bottom:8px;font-size:24px}.status-card p:last-child{color:#b5b7ca;margin:0;line-height:1.55}.foundation{background:linear-gradient(145deg,#191a34,#121426);border:1px solid #ffffff12;border-radius:24px;margin-top:16px;padding:28px}.foundation h2{font-size:25px}.foundation ul{color:#c9cadc;gap:12px;margin:0;padding-left:22px;line-height:1.45;display:grid}.foundation li::marker{color:#7c5cff}.update-banner{color:#fff;cursor:pointer;background:#7c5cff;border:0;border-radius:16px;align-items:center;gap:10px;width:100%;margin-bottom:16px;padding:16px 20px;font-weight:800;display:flex}footer{color:#777a96;text-align:center;padding:24px 4px 0;font-size:13px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.page-heading h1{margin-bottom:8px}.page-heading p:last-child{color:#b5b7ca;margin-bottom:0}.primary-action,.icon-button{color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:9px;display:inline-flex}.primary-action{background:linear-gradient(135deg,#7456f5,#5d43de);border-radius:15px;padding:13px 18px;font-weight:800;box-shadow:0 12px 30px #5d43de44}.primary-action svg{width:19px}.library-tools{gap:10px;margin-bottom:18px;display:flex}.metadata-progress{color:#c8bcff;background:#6d4aff12;border:1px solid #7c5cff44;border-radius:14px;gap:8px;margin:-4px 0 16px;padding:12px 14px;font-size:13px;display:grid}.metadata-progress progress{accent-color:#7c5cff;width:100%}.search-field{color:#8e91aa;background:#15172b;border:1px solid #ffffff14;border-radius:16px;flex:1;align-items:center;gap:11px;padding:0 16px;display:flex}.search-field input{color:#f6f7ff;width:100%;font:inherit;background:0 0;border:0;outline:0;padding:15px 0}.search-field input::placeholder{color:#7f829c}.icon-button{color:#c5c7db;background:#15172b;border:1px solid #ffffff14;border-radius:16px;width:52px}.category-tabs{scrollbar-width:none;gap:8px;margin-bottom:20px;display:flex;overflow-x:auto}.category-tabs button{color:#aeb1c8;cursor:pointer;white-space:nowrap;background:#141629;border:1px solid #ffffff12;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.category-tabs button span{background:#ffffff0d;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;display:grid}.category-tabs button.is-active{color:#fff;background:#322b66;border-color:#8069ff88}.song-list{gap:12px;display:grid}.song-card{width:100%;color:inherit;background:#14172bd9;border:1px solid #ffffff10;border-radius:20px;transition:transform .18s,border-color .18s;display:block;position:relative}.song-card__open{border-radius:inherit;width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 52px 14px 14px;display:grid}.song-card__menu{z-index:2;color:#b9bbd0;cursor:pointer;background:#ffffff0a;border:0;border-radius:12px;place-items:center;width:40px;height:44px;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.song-card__menu svg{width:20px}.song-card:hover{border-color:#7560ef66;transform:translateY(-2px)}.song-card__art{border-radius:17px;place-items:center;width:60px;height:60px;display:grid}.song-card__art--praise{background:linear-gradient(145deg,#4938a4,#7b55ef)}.song-card__art--worship{background:linear-gradient(145deg,#126477,#24a6a9)}.song-card__body{gap:4px;min-width:0;display:grid}.song-card__body strong{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.song-card__body>span{color:#a8abc1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-card__meta{align-items:center;gap:7px;margin-top:3px;font-size:12px;display:flex}.song-card__meta b{color:#c8bcff}.song-card__meta svg{width:14px;height:14px;margin-left:5px}.song-card__category{color:#b9bbd0;background:#ffffff0a;border-radius:10px;padding:7px 10px;font-size:12px}.empty-state,.coming-soon{color:#aeb1c5;text-align:center;border:1px dashed #ffffff20;border-radius:22px;place-items:center;min-height:260px;padding:36px;display:grid}.empty-state>svg,.coming-soon>svg{color:#8371ed;width:36px;height:36px;margin-bottom:14px}.empty-state h2,.coming-soon h1{color:#fff;margin-bottom:8px}.empty-state p,.coming-soon p{margin-bottom:0}.welcome-card{background:linear-gradient(135deg,#6d4bec,#245e9d);border-radius:24px;align-items:center;gap:20px;margin-bottom:16px;padding:26px;display:flex;box-shadow:0 18px 50px #281a7040}.welcome-card>svg{flex:none;width:34px;height:34px}.welcome-card h2,.welcome-card p{margin-bottom:5px}.status-grid--compact .status-card{min-height:140px}.app-navigation{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111327ef;border:1px solid #ffffff16;border-radius:22px;grid-template-columns:repeat(5,1fr);width:min(840px,100% - 20px);margin:0 auto 10px;padding:8px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 18px 50px #0009}.app-navigation button{color:#777b98;cursor:pointer;background:0 0;border:0;border-radius:15px;place-items:center;gap:4px;min-height:58px;font-size:11px;display:grid}.app-navigation button svg{width:21px;height:21px}.app-navigation button.is-active{color:#a995ff;background:#2d285c}.pads-page{gap:18px;display:grid}.pads-header{justify-content:space-between;align-items:center;display:flex}.pads-header>svg{color:#b8a5ff;background:#6d4aff26;border-radius:18px;width:54px;height:54px;padding:13px}.bluetooth-hint{align-items:center;gap:14px;padding:16px 18px;display:flex}.bluetooth-hint>svg{color:#5eead4;flex:0 0 28px}.bluetooth-hint p{color:var(--muted);margin:4px 0 0;font-size:14px}.pad-player{padding:22px}.pad-now-playing{align-items:center;gap:15px;margin-bottom:22px;display:flex}.pad-now-playing div{gap:3px;display:grid}.pad-now-playing small{color:var(--muted);letter-spacing:.12em;font-size:11px;font-weight:800}.pad-now-playing strong{font-size:25px}.pad-pulse{color:#9b87f5;background:#6d4aff24;border-radius:18px;place-items:center;width:54px;height:54px;display:grid}.pad-pulse.is-playing{color:#fff;background:#6d4aff;animation:2s infinite pad-pulse;box-shadow:0 0 #6d4aff80}@keyframes pad-pulse{70%{box-shadow:0 0 0 15px #6d4aff00}to{box-shadow:0 0 #6d4aff00}}.pad-key-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.pad-style-tabs{scrollbar-width:thin;gap:8px;margin:0 0 18px;padding:2px 2px 7px;display:flex;overflow-x:auto}.pad-style-tabs button{color:var(--muted);cursor:pointer;background:#20233b;border:1px solid #ffffff18;border-radius:999px;flex:none;padding:9px 13px}.pad-style-tabs button.is-active{color:#fff;background:#5941ac;border-color:#9c84ff;box-shadow:0 5px 15px #6d3bd74a}.pad-key{aspect-ratio:1.12;color:#e9e5ff;background:linear-gradient(145deg, hsl(calc(252 + var(--pad-index) * 4) 56% 30%), hsl(calc(252 + var(--pad-index) * 4) 64% 18%));cursor:pointer;border:1px solid #ffffff20;border-radius:20px;place-content:center;gap:3px;display:grid;box-shadow:inset 0 1px #ffffff20,0 8px 20px #0003}.pad-key span{font-size:25px;font-weight:900}.pad-key small{letter-spacing:.16em;opacity:.65;font-size:9px}.pad-key.is-active{background:linear-gradient(145deg,#8b5cf6,#5b21b6);border-color:#c4b5fd;transform:translateY(-2px);box-shadow:0 0 0 3px #8b5cf633,0 12px 28px #6d28d95c}.pad-volume{color:var(--muted);grid-template-columns:auto auto 1fr;align-items:center;gap:10px;margin:24px 0 18px;display:grid}.pad-volume input{accent-color:#7c5cff;width:100%}.pad-stop{color:#fecdd3;cursor:pointer;background:#e11d4820;border:1px solid #fb718555;border-radius:16px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;font-weight:800;display:flex}.pad-stop:disabled{opacity:.35;cursor:default}.pad-stop svg{width:17px}.pad-note{color:var(--muted);text-align:center;margin:0;font-size:13px}.pad-mini-player{z-index:22;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#201a44f2;border:1px solid #a78bfa66;border-radius:18px;display:flex;position:fixed;bottom:88px;right:max(16px,50vw - 430px);overflow:hidden;box-shadow:0 14px 38px #0009}.pad-mini-player button{color:#fff;cursor:pointer;background:0 0;border:0}.pad-mini-open{text-align:left;align-items:center;gap:10px;min-width:132px;padding:10px 14px;display:flex}.pad-mini-open>svg{color:#a78bfa}.pad-mini-open span{display:grid}.pad-mini-open small{color:#aaa1d5;letter-spacing:.12em;font-size:8px}.pad-mini-open b{font-size:18px}.pad-mini-stop{width:48px;color:#fda4af!important;border-left:1px solid #ffffff17!important}.pad-mini-stop svg{width:16px}@media (width<=540px){.pad-key-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pad-player{padding:16px}.pad-mini-player{right:12px}}.reader-header{align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.reader-header .icon-button{flex:0 0 46px;height:46px}.reader-header h1{margin-bottom:6px}.reader-header p:last-child{color:#aeb1c5;margin-bottom:0}.reader-summary{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.reader-summary span{color:#c0c2d4;background:#15172b;border:1px solid #ffffff10;border-radius:12px;align-items:center;gap:7px;padding:9px 12px;display:inline-flex}.reader-summary svg{color:#8d79f4;width:16px;height:16px}.reader-controls{background:#111326;border:1px solid #ffffff10;border-radius:18px;flex-wrap:wrap;gap:10px;margin-bottom:18px;padding:12px;display:flex}.control-group{color:#aeb1c5;background:#1a1d34;border-radius:12px;align-items:center;gap:8px;padding-left:8px;font-size:13px;display:flex}.control-group button{color:#d8d9e6;cursor:pointer;background:#2a2d49;border:0;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.control-group button svg{width:16px}.control-group b{color:#fff;text-align:center;min-width:20px}.reader-toggle{color:#c5c7d8;cursor:pointer;background:#1a1d34;border:1px solid #ffffff10;border-radius:12px;align-items:center;gap:7px;min-height:40px;padding:0 13px;display:inline-flex}.reader-toggle svg{width:17px}.lyrics-sheet{color:#20202a;background:#f8f5ed;border:1px solid #ffffff12;border-radius:24px;padding:clamp(20px,5vw,42px);box-shadow:0 18px 60px #0004}.lyrics-sheet--white{background:#fff}.lyrics-sheet--sand{color:#282018;background:#ead9b8}.lyrics-sheet--lavender{color:#211b35;background:#e7e0fa}.lyrics-sheet--mint{color:#173028;background:#dcefe6}.lyrics-sheet--sky{color:#172938;background:#dcecf8}.lyrics-sheet--blush{color:#3b202b;background:#f4dfe7}.lyrics-sheet--peach{color:#3b281a;background:#f5dfcd}.lyrics-sheet--lemon{color:#302d16;background:#f4efc9}.lyrics-sheet--sage{color:#202b1c;background:#d9e1d2}.lyrics-sheet--slate{color:#f2f4f8;background:#303747}.lyrics-sheet--charcoal{color:#f4f1ff;background:#191b25}.lyrics-section+.lyrics-section{margin-top:36px}.lyrics-section h2{color:#6c4bd7;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;font-size:14px}.lyrics-section{overflow-x:auto}.lyrics-line{width:max-content;min-width:100%;margin-bottom:18px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.lyrics-line p{white-space:pre;margin:4px 0 0;font:600 1.3em/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.chord-row{white-space:pre;min-height:1.7em;font:800 1.3em/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;position:relative}.chord-row button{background:color-mix(in srgb, var(--reader-chord-color,#5836bd) 12%, transparent);color:var(--reader-chord-color,#5836bd);cursor:pointer;font:inherit;border:0;border-radius:4px;padding:0;position:absolute;top:0}.lyrics-sheet.is-editing{outline:3px solid #7f69ed66;box-shadow:0 18px 60px #0004,0 0 0 7px #6d54e51a}.lyrics-sheet.is-editing .chord-row button{box-shadow:0 0 0 2px #7657da55}.visual-editing-label{color:#6747c8;letter-spacing:.08em;margin:0 0 22px;font:800 12px ui-monospace,monospace}.visual-editor-note{color:#c8c0ff;align-items:center;gap:9px;margin:2px 0;line-height:1.5;display:flex}.visual-editor-note svg{flex:none;width:18px}.visual-lyrics-input{resize:vertical;width:100%;color:inherit;background:#fff9;border:1px solid #7657da55;border-radius:9px;margin:4px 0 0;padding:7px 9px;font-family:Georgia,serif;font-size:1.3em;line-height:1.55;display:block}.songbook-text-editor{resize:vertical;tab-size:4;white-space:pre;color:#f7f7fb;background:#25283a;border:1px solid #8d90a7;border-radius:14px;width:100%;min-height:520px;padding:18px;font:500 17px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.songbook-text-editor:focus{border-color:#7c60ee;outline:3px solid #7657da33}.recognized-chords{color:#aeb3c8;margin:8px 0 2px;font-size:13px}.recognized-chords b{color:#75e2d1}.lyrics-sheet--charcoal .visual-lyrics-input{background:#ffffff12}.add-chord-button{color:#5836bd;cursor:pointer;background:0 0;border:1px dashed #7657da;border-radius:9px;align-items:center;gap:6px;margin:7px 0 12px;padding:7px 11px;font-weight:800;display:inline-flex}.add-chord-button svg{width:16px;height:16px}.lyrics-sheet--charcoal .add-chord-button{color:#b9a8ff}.reader-settings>label{color:#aeb1c5;gap:8px;font-size:13px;font-weight:700;display:grid}.reader-settings select{color:#fff;background:#1c1f36;border:1px solid #ffffff14;border-radius:12px;width:min(100%,440px);padding:12px 13px}.reader-palette{border:0;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0;display:flex}.reader-palette legend{color:#aeb1c5;width:100%;margin-bottom:9px;font-size:13px;font-weight:700}.reader-swatch{color:#d6d8e6;background:#171a2d;border:1px solid #ffffff16;border-radius:12px;align-items:center;gap:8px;padding:9px 12px;display:inline-flex}.reader-swatch span{background:#f8f5ed;border:2px solid #fff5;border-radius:50%;width:24px;height:24px}.reader-swatch--white span{background:#fff}.reader-swatch--sand span{background:#ead9b8}.reader-swatch--lavender span{background:#e7e0fa}.reader-swatch--mint span{background:#dcefe6}.reader-swatch--charcoal span{background:#191b25}.reader-swatch--sky span{background:#dcecf8}.reader-swatch--blush span{background:#f4dfe7}.reader-swatch--peach span{background:#f5dfcd}.reader-swatch--lemon span{background:#f4efc9}.reader-swatch--sage span{background:#d9e1d2}.reader-swatch--slate span{background:#303747}.reader-color-controls{flex-wrap:wrap;gap:14px;margin-top:18px;display:flex}.reader-color-controls label{color:#d6d8e6;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.reader-color-controls input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:8px;width:42px;height:34px;padding:2px}.reader-swatch.is-active{color:#fff;border-color:#8b74ff;box-shadow:0 0 0 3px #6d54e522}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060712cc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.song-action-sheet{background:#171a30;border:1px solid #ffffff1a;border-radius:24px;width:min(460px,100%);padding:24px;position:relative;box-shadow:0 24px 70px #000a}.song-action-sheet h2{padding-right:42px}.dialog-close{width:40px;height:40px;color:var(--muted);background:#ffffff0a;border:0;border-radius:12px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.danger-action{color:#fecdd3;cursor:pointer;background:#be123c33;border:1px solid #fb718566;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-weight:800;display:inline-flex}.song-delete-option{width:100%;margin-top:16px}.chord-picker{background:#14172b;border:1px solid #ffffff18;border-radius:24px;width:min(620px,100%);max-height:calc(100vh - 36px);padding:24px;overflow-y:auto;box-shadow:0 30px 90px #000b}.chord-picker header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.chord-picker header h2{margin-bottom:0}.chord-picker header .icon-button{flex:0 0 44px;height:44px}.picker-preview{color:#fff;background:linear-gradient(135deg,#302763,#1d455e);border-radius:18px;place-items:center;min-height:78px;margin:20px 0;font:900 34px ui-monospace,monospace;display:grid}.picker-delete{color:#ffc1c8;cursor:pointer;background:#401d2b;border:1px solid #ff8f9c55;border-radius:12px;width:100%;margin:10px 0;padding:13px;font-weight:800}.fretboard-card{padding:10px 12px 4px}.fretboard-svg{width:min(100%,430px);height:auto;margin:auto;display:block}.fretboard-wood{fill:#3a2a26;stroke:#7657da;stroke-width:2px}.fret-line{stroke:#b6a99e;stroke-width:2px}.fret-nut{stroke:#f4efe9;stroke-width:7px}.string-line{stroke:#e8e1d8;stroke-width:2px}.string-label{fill:#c7bfdc;font:700 12px sans-serif}.finger-dot{fill:#7657da;stroke:#c9bcff;stroke-width:2px}.root-dot{fill:#159e98;stroke:#77efe0}.finger-1{fill:#f1b72a}.finger-2{fill:#d846db}.finger-3{fill:#1daed9}.finger-4{fill:#ff7043}.barre-line{stroke:#f1b72a;stroke-width:20px;stroke-linecap:round}.barre-number-bg{fill:#f1b72a}.finger-number,.finger-note{fill:#fff;font:800 12px sans-serif}.open-label{fill:#6fe0d0;font:800 18px sans-serif}.muted-label{fill:#ff9a9a;font:800 20px sans-serif}.fret-position-label{fill:#d2c8ee;font:800 12px sans-serif}.diagram-variation-controls{justify-content:center;align-items:center;gap:14px;margin:8px 0 16px;display:flex}.diagram-variation-controls button{color:#fff;cursor:pointer;background:#272b48;border:1px solid #ffffff1c;border-radius:11px;place-items:center;width:42px;height:38px;display:grid}.diagram-variation-controls span{color:#c8cadb;text-align:center;min-width:100px;font-weight:700}.finger-legend{background:#0d1020;border-radius:13px;justify-content:center;align-items:center;gap:14px;margin:-4px 0 18px;padding:10px;display:flex}.finger-legend>svg{color:#f4f1ff;width:38px;height:38px}.finger-legend>div{flex-wrap:wrap;gap:7px;display:flex}.finger-key{color:#bec1d2;align-items:center;gap:5px;font-size:11px;display:inline-flex}.finger-key b{color:#fff;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.finger-key--1 b{background:#f1b72a}.finger-key--2 b{background:#d846db}.finger-key--3 b{background:#1daed9}.finger-key--4 b{background:#ff7043}.instrument-select{color:#aeb1c5;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.instrument-select select{color:#fff;background:#22253f;border:1px solid #ffffff18;border-radius:10px;padding:8px 11px}.instrument-diagram{background:#0f1121;border:1px solid #ffffff10;border-radius:16px;margin-bottom:18px;padding:16px}.instrument-diagram>p{color:#9699af;text-align:center;margin:12px 0 0;font-size:12px}.piano-keys{justify-content:center;min-height:82px;display:flex}.piano-keys span{justify-content:center;align-items:flex-end;padding-bottom:7px;display:flex;position:relative}.white-key{color:#292936;background:#f4f1e9;border:1px solid #34364b;border-radius:0 0 6px 6px;width:38px;height:82px}.black-key{z-index:2;color:#d8d9e2;background:#222432;border-radius:0 0 5px 5px;width:25px;height:52px;margin:0 -12px}.piano-keys span.is-active{color:#fff;background:#8067ef;box-shadow:inset 0 0 0 2px #a898ff}.piano-keys b{font-size:10px}.string-diagram{gap:7px;display:grid}.string-diagram--guitar{grid-template-columns:repeat(6,1fr)}.string-diagram--ukulele{grid-template-columns:repeat(4,1fr)}.string-diagram span{color:#d8d9e5;background:#282b45;border-radius:10px;place-items:center;min-height:50px;display:grid}.string-diagram span b{font-size:18px}.string-diagram span small{color:#7f829a}.string-diagram span.is-open{color:#62dac6;border:1px solid #42bba8}.string-diagram span.is-muted{color:#e17b8e;border:1px solid #b75568}.bass-diagram{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bass-diagram span{color:#b7a9ff;background:#2c2855;border-radius:50%;place-items:center;width:58px;height:58px;font-weight:900;display:grid}.bass-diagram small{color:#767994;font-size:9px}.bass-diagram p{flex-basis:100%}.picker-label{color:#9ea1b8;margin:18px 0 8px;font-size:13px;font-weight:800}.picker-grid{flex-wrap:wrap;gap:7px;display:flex}.picker-grid button{color:#c7c9d8;cursor:pointer;background:#20233d;border:1px solid #ffffff12;border-radius:10px;min-width:50px;padding:9px 11px}.picker-grid button.is-active{color:#fff;background:#4a3c9b;border-color:#8f79ff}.scope-options{border:1px solid #ffffff14;border-radius:15px;gap:10px;margin:22px 0;padding:16px;display:grid}.scope-options legend{color:#9ea1b8;padding:0 6px;font-size:13px}.scope-options label{color:#d0d2df;align-items:center;gap:9px;display:flex}.scope-options input{accent-color:#8069ff}.picker-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#785cf4,#563bd2);border:0;border-radius:14px;width:100%;padding:14px;font-weight:900}.import-modes{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.import-modes button{color:#aeb1c5;cursor:pointer;background:#16192e;border:1px solid #ffffff12;border-radius:15px;justify-content:center;align-items:center;gap:9px;padding:14px;display:flex}.import-modes button.is-active{color:#fff;background:#302963;border-color:#8069ff88}.song-form{background:#121528;border:1px solid #ffffff10;border-radius:20px;gap:14px;padding:20px;display:grid}.song-form label{color:#aeb1c5;gap:7px;font-size:13px;font-weight:700;display:grid}.song-form input,.song-form select,.song-form textarea{color:#fff;width:100%;font:inherit;background:#1c1f36;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:12px 13px}.song-form textarea{resize:vertical;font-family:ui-monospace,Consolas,monospace;line-height:1.55}.song-form input:focus,.song-form select:focus,.song-form textarea:focus{border-color:#7f69ed;box-shadow:0 0 0 3px #6d54e522}.form-row{grid-template-columns:1fr 2fr;gap:12px;display:grid}.form-actions{justify-content:flex-end;gap:10px;margin:14px 0;display:flex}.secondary-action{color:#c4c6d6;cursor:pointer;background:#1a1d34;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 16px;display:inline-flex}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.45}.import-preview{color:#24232c;background:#f8f5ed;border-radius:22px;padding:clamp(20px,5vw,36px)}.import-preview>section+section{margin-top:28px}.import-preview h2{color:#6445c4;letter-spacing:.1em;text-transform:uppercase;font-size:14px}.import-preview section div{margin-bottom:15px}.import-preview section b{color:#6b4ad0;white-space:pre;font-family:ui-monospace,monospace}.import-preview section p{margin:4px 0 0;font-family:Georgia,serif;font-size:18px}.file-drop{color:#bfc1d2;cursor:pointer;text-align:center;background:#14172a;border:2px dashed #6556b966;border-radius:20px;place-items:center;min-height:190px;padding:28px;display:grid}.file-drop>svg{color:#8f7cf2;width:42px;height:42px;margin-bottom:12px}.file-drop span{color:#777b97;margin-top:7px;font-size:12px}.file-drop input{opacity:0;width:1px;height:1px;position:absolute}.batch-toolbar{background:#171a30;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin:14px 0;padding:13px 15px;display:flex}.batch-toolbar label{color:#aeb1c5;align-items:center;gap:9px;font-size:13px;display:flex}.batch-toolbar select{color:#fff;background:#242741;border:1px solid #ffffff14;border-radius:9px;padding:7px 9px}.batch-list{gap:8px;display:grid}.batch-list>label{background:#15182c;border:1px solid #ffffff10;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 15px;display:grid}.batch-list input{accent-color:#8069ff}.batch-list span{gap:3px;display:grid}.batch-list small{color:#8e91a8}.batch-list em{color:#f2bd74;background:#5d3d1f;border-radius:8px;padding:5px 8px;font-size:11px;font-style:normal}.batch-list .is-duplicate{opacity:.7}.medley-basics{grid-template-columns:2fr 1fr;margin-bottom:18px}.builder-title{align-items:center;gap:9px;margin:22px 0 12px;font-size:18px;display:flex}.builder-title svg{color:#8f79f4}.medley-song-list{gap:8px;display:grid}.medley-song-list article{background:#15182b;border:1px solid #ffffff10;border-radius:15px;padding:14px}.medley-song-list article.is-selected{background:#1d1d3a;border-color:#7964e866}.medley-song-heading{align-items:center;gap:12px;display:flex}.medley-song-heading input,.section-choices input{accent-color:#8069ff}.medley-song-heading span{gap:3px;display:grid}.medley-song-heading small{color:#898ca4}.section-choices{border-top:1px solid #ffffff0d;flex-wrap:wrap;gap:8px 14px;margin-top:13px;padding-top:12px;display:flex}.section-choices button{color:#fff;cursor:pointer;background:#423681;border:0;border-radius:8px;padding:6px 9px}.section-choices label{color:#b9bbcc;font-size:13px}.medley-order{gap:8px;margin-top:20px;display:grid}.medley-order>div{background:#171a30;border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.medley-order>div>span{color:#898ca4;font-size:12px}.segment-controls{align-items:center;gap:5px;display:flex}.segment-controls button{color:#c9cad8;cursor:pointer;background:#292c48;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.segment-controls svg{width:14px}.segment-controls strong{text-align:center;min-width:24px}.medley-save{width:100%;margin-top:18px}.medley-recommendations{background:#171630;border:1px solid #6655c355;border-radius:16px;gap:8px;margin-top:18px;padding:14px;display:grid}.medley-recommendations h2{margin:0 0 4px;font-size:16px}.medley-recommendations article{background:#21213e;border-radius:11px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;display:grid}.medley-recommendations p{color:#9699b0;margin:3px 0 0;font-size:11px}.medley-recommendations>article>span{color:#a995ff;font-weight:900}.medley-recommendations button{color:#fff;cursor:pointer;background:#4a3d96;border:0;border-radius:8px;padding:7px 9px}.medley-reader-segment+.medley-reader-segment{border-top:2px dashed #c9c1ad;margin-top:46px;padding-top:34px}.medley-reader-segment>header{align-items:center;gap:12px;margin-bottom:26px;display:flex}.medley-reader-segment>header>span{color:#fff;background:#6948cb;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.medley-reader-segment>header h2{color:#24232d;margin:0;font-size:22px}.medley-reader-segment>header p{color:#78727e;margin:4px 0 0;font-size:13px}.quick-create{background:#15182c;border-radius:18px;grid-template-columns:1.7fr 1fr 1fr auto;align-items:end;gap:10px;margin-bottom:16px;padding:16px;display:grid}.quick-create label{color:#9ea1b8;gap:6px;font-size:12px;display:grid}.quick-create input,.event-actions select,.rehearsals input{color:#fff;background:#22253c;border:1px solid #ffffff14;border-radius:11px;padding:11px 12px}.event-list{gap:10px;display:grid}.event-list>button{color:#fff;cursor:pointer;text-align:left;background:#15182c;border:1px solid #ffffff10;border-radius:17px;align-items:center;gap:14px;padding:14px;display:flex}.event-list>button>span:last-child{gap:4px;display:grid}.event-list small{color:#9093aa}.event-date{background:linear-gradient(145deg,#6549d9,#3d348b);border-radius:15px;place-items:center;width:56px;height:56px;display:grid}.event-date b{font-size:21px}.event-date small{color:#d7d0ff;text-transform:uppercase}.event-stats{flex-wrap:wrap;gap:9px;margin-bottom:14px;display:flex}.event-stats span{color:#b7b9ca;background:#171a30;border-radius:11px;align-items:center;gap:7px;padding:9px 11px;font-size:13px;display:inline-flex}.event-stats svg{color:#8e79f3;width:16px}.event-actions{gap:8px;margin-bottom:14px;display:flex}.event-actions select{flex:1}.event-actions button,.rehearsals button{color:#fff;cursor:pointer;background:#403682;border:0;border-radius:11px;padding:10px 13px}.event-actions button{white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:flex}.event-actions button svg{width:17px}.rehearsal-create{background:#171a31;border:1px solid #806bf544;border-radius:14px;gap:8px;margin:-4px 0 14px;padding:12px;display:flex}.rehearsal-create input{color:#fff;background:#22253c;border:1px solid #ffffff14;border-radius:10px;flex:1;padding:10px 12px}.rehearsal-create button{color:#fff;cursor:pointer;background:#4b3d96;border:0;border-radius:10px;padding:10px 14px}.event-song-list{gap:8px;display:grid}.event-song-list article{background:#15182c;border:1px solid #ffffff10;border-radius:15px;grid-template-columns:30px minmax(0,1fr) 90px 90px 42px;align-items:end;gap:10px;padding:12px;display:grid}.event-song-list article>b{color:#8270e8;text-align:center;align-self:center}.event-song-list article>span,.event-song-open{align-self:center;gap:4px;display:grid}.event-song-list .event-song-open{place-items:initial;color:#fff;text-align:left;background:0 0;border-radius:10px;width:auto;height:auto;padding:6px}.event-song-list .event-song-open:hover{background:#282b48}.event-song-open strong{text-underline-offset:4px;-webkit-text-decoration:underline #8c79ed88;text-decoration:underline #8c79ed88}.event-song-list article small{color:#8589a1}.event-song-list label{color:#8589a1;gap:4px;font-size:10px;display:grid}.event-song-list input{color:#fff;background:#232640;border:1px solid #ffffff12;border-radius:9px;width:100%;padding:8px}.event-song-list button{color:#73778f;cursor:pointer;background:#242741;border:0;border-radius:10px;place-items:center;width:40px;height:38px;display:grid}.event-song-list button.is-priority{color:#ffca63;background:#59431d}.rehearsals{background:#15182c;border-radius:17px;margin-top:20px;padding:16px}.rehearsals>div{gap:8px;display:flex}.rehearsals input{flex:1}.rehearsals p{color:#b5b7c9;align-items:center;gap:8px;margin:12px 0 0;display:flex}.rehearsals svg{color:#8e79f3;width:16px}.rehearsals--compact{padding:14px 16px}.rehearsals--compact h2{margin:0 0 6px;font-size:17px}.settings-page{gap:14px;display:grid}.settings-card{background:#15182c;border:1px solid #ffffff10;border-radius:18px;padding:18px}.settings-card>header{gap:12px;margin-bottom:16px;display:flex}.settings-card>header>svg{color:#8f7af3;flex:none}.settings-card h2{margin:0 0 4px;font-size:18px}.settings-card header p{color:#8f92aa;margin:0;font-size:13px}.brand-preview{text-align:center;background:#0d0f20;border-radius:15px;gap:6px;margin-bottom:14px;padding:20px;display:grid}.brand-preview b{color:#fff;font-size:23px}.brand-preview span{letter-spacing:.08em;font-weight:800}.logo-preview{color:#fff;border-radius:18px;place-items:center;width:64px;height:64px;margin:0 0 16px;font-size:30px;font-weight:900;display:grid}.logo-settings input[type=color]{min-height:44px;padding:3px}.settings-fields{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px;display:grid}.settings-fields label{color:#9396ad;gap:5px;font-size:11px;display:grid}.settings-fields input,.settings-fields select,.settings-card>select{color:#fff;background:#22253e;border:1px solid #ffffff12;border-radius:10px;padding:10px}.settings-fields input[type=color]{width:100%;height:40px;padding:4px}.usage-card>strong{color:#a995ff;font-size:32px;display:block}.usage-card>small{color:#7f839b}.danger-card button{color:#f19aaa;cursor:pointer;background:#3a2028;border:1px solid #a84c5b66;border-radius:11px;align-items:center;gap:8px;padding:10px 13px;display:flex}.danger-card button svg{width:17px}.danger-card>p{color:#e5b76c;margin:12px 0 0}.remote-fields{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.remote-fields input{color:#fff;background:#22253e;border:1px solid #ffffff12;border-radius:10px;padding:10px 11px}.remote-fields input:first-child{grid-column:1/-1}.remote-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.remote-actions button{color:#fff;cursor:pointer;background:#403682;border:0;border-radius:10px;padding:9px 11px}.remote-card>p{color:#b9b2dd;margin:12px 0 0}.invite-token{overflow-wrap:anywhere;color:#c8bdf2;background:#242143;border-radius:9px;padding:9px;font-family:ui-monospace,monospace;font-size:11px}.member-list{gap:7px;margin-top:12px;display:grid}.member-list>div{background:#20233b;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.member-list span{gap:3px;display:grid}.member-list small{color:#888ca4}.member-list button{color:#ec9cab;cursor:pointer;background:#4a2730;border:0;border-radius:8px;padding:7px 9px}.chat-page{grid-template-rows:auto minmax(360px,calc(100vh - 300px)) auto;display:grid}.message-list{background:#0f1121;border:1px solid #ffffff0e;border-radius:18px 18px 0 0;flex-direction:column;gap:8px;padding:14px;display:flex;overflow-y:auto}.message-list article{background:#242741;border-radius:5px 15px 15px;align-self:flex-start;max-width:min(78%,520px);padding:10px 12px}.message-list article.is-mine{background:#44378d;border-radius:15px 5px 15px 15px;align-self:flex-end}.message-list article b{color:#a995ff;font-size:11px}.message-list article p{white-space:pre-wrap;margin:4px 0}.message-list article small{color:#8e91a8;font-size:10px}.chat-empty{color:#888ca5;text-align:center;place-items:center;margin:auto;display:grid}.chat-empty svg{color:#806cf0}.chat-empty h2{color:#fff;margin:10px 0 4px}.chat-empty p{margin:0}.chat-composer{background:#171a30;border:1px solid #ffffff0e;border-top:0;border-radius:0 0 18px 18px;grid-template-columns:1fr 52px;gap:8px;padding:10px;display:grid}.chat-composer textarea{resize:none;color:#fff;font:inherit;background:#242741;border:0;border-radius:12px;outline:0;padding:10px 12px}.chat-composer button{color:#fff;cursor:pointer;background:#694ddf;border:0;border-radius:12px;place-items:center;display:grid}.chat-composer button:disabled{opacity:.4}.tutorial-filter{justify-content:flex-end;margin-bottom:12px;display:flex}.tutorial-filter label{color:#999cb2;align-items:center;gap:8px;font-size:12px;display:flex}.tutorial-filter select,.tutorial-create select,.tutorial-create input{color:#fff;background:#20233b;border:1px solid #ffffff12;border-radius:10px;padding:9px 10px}.tutorial-create{grid-template-columns:1.2fr 1.2fr 2fr 1fr auto}.tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tutorial-grid>a{color:#fff;background:#15182c;border:1px solid #ffffff10;border-radius:16px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:14px;text-decoration:none;display:grid}.tutorial-grid>a>span{color:#aa98ff;background:#332d68;border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.tutorial-grid h2{margin:4px 0;font-size:16px}.tutorial-grid p,.tutorial-grid small{color:#8e91a8;margin:0}.tutorial-grid>a>svg{color:#6f7289;width:17px}.file-upload-button{cursor:pointer;position:relative}.file-upload-button input{opacity:0;width:1px;height:1px;position:absolute}.page-message{color:#c5bbea;background:#272245;border-radius:11px;padding:10px 12px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.media-grid>article{background:#15182c;border:1px solid #ffffff10;border-radius:16px;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:12px;display:grid}.media-thumb{color:#a9dbe2;background:linear-gradient(145deg,#302b64,#19596b);border-radius:14px;place-items:center;width:64px;height:64px;display:grid}.media-grid h2{text-overflow:ellipsis;white-space:nowrap;margin:5px 0;font-size:15px;overflow:hidden}.media-grid p,.media-grid small{color:#898ca4;margin:0}.media-actions{grid-column:1/-1;gap:7px;display:flex}.media-actions button{color:#c8cad8;cursor:pointer;background:#292c48;border:0;border-radius:9px;place-items:center;min-width:38px;height:34px;padding:0 9px;display:grid}.media-actions svg{width:15px}.notification-center{z-index:40;gap:8px;display:flex;position:fixed;top:14px;right:18px}.notification-button{color:#c9cbd9;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#171a30dd;border:1px solid #ffffff16;border-radius:13px;place-items:center;width:42px;height:42px;display:grid;position:relative}.notification-button span{color:#fff;background:#e25873;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:10px;display:grid;position:absolute;top:-5px;right:-5px}.notification-popover{background:#14172bf5;border:1px solid #ffffff16;border-radius:17px;width:min(360px,100vw - 32px);margin-top:8px;padding:12px;position:absolute;top:42px;right:0;box-shadow:0 24px 70px #000b}.notification-popover header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.notification-popover h2{margin:0;font-size:17px}.notification-popover header button{color:#9b9eb3;cursor:pointer;background:0 0;border:0}.notification-popover>button{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:11px;gap:4px;width:100%;padding:10px;display:grid}.notification-popover>button:hover{background:#242742}.notification-popover span,.notification-popover small,.notification-popover p{color:#9295aa}.message-list article.is-highlighted{outline:3px solid #f1bf59;box-shadow:0 0 30px #efb83f55}@media (width<=700px){.app-content{padding-top:28px}.hero{align-items:flex-start}.brand-mark{border-radius:18px;width:58px;height:58px;font-size:27px}.status-grid{grid-template-columns:1fr}.status-card{min-height:auto}.page-heading{align-items:flex-start}.page-heading .primary-action{border-radius:14px;width:46px;height:46px;padding:0;font-size:0}.song-card__open{grid-template-columns:52px minmax(0,1fr);gap:12px}.song-card__art{width:52px;height:52px}.song-card__category{display:none}.app-navigation{width:calc(100% - 16px);margin-bottom:8px}.app-navigation button span{font-size:10px}.reader-controls{grid-template-columns:1fr 1fr;display:grid}.control-group{justify-content:space-between;padding-left:10px}.reader-toggle{justify-content:center;min-height:42px}}@media (width<=460px){.reader-controls,.form-row{grid-template-columns:1fr}.form-actions{display:grid}.import-modes{grid-template-columns:1fr}.batch-toolbar{flex-direction:column;align-items:flex-start}.medley-basics,.medley-order>div,.quick-create{grid-template-columns:1fr}.event-actions{flex-wrap:wrap}.event-actions select{flex-basis:100%}.event-song-list article{grid-template-columns:30px minmax(0,1fr) 70px 70px}.event-song-list article button{grid-column:4}.settings-fields,.remote-fields{grid-template-columns:1fr}.remote-fields input:first-child{grid-column:auto}.tutorial-grid,.tutorial-create{grid-template-columns:1fr}.app-navigation button span{display:none}.media-grid{grid-template-columns:1fr}}.chat-room-tabs,.mention-row{gap:.5rem;padding:.25rem 0 .75rem;display:flex;overflow-x:auto}.chat-room-tabs button,.mention-row button{white-space:nowrap;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.5rem .8rem}.chat-room-tabs button.is-active{background:var(--brand);color:#fff;border-color:var(--brand)}.mention-row{padding:.5rem 0}.mention-row button{padding:.3rem .6rem;font-size:.78rem}.provider-search{gap:1rem;display:grid}.provider-search>input{border:1px solid var(--line);background:var(--surface);border-radius:.8rem;padding:.9rem}.provider-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;display:grid}.provider-grid a{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:1rem;gap:.4rem;padding:1rem;text-decoration:none;display:grid}.provider-grid a[aria-disabled=true]{opacity:.5}.provider-grid svg{color:var(--brand)}.provider-grid span{color:var(--muted);font-size:.82rem}.conflict-card article{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.conflict-card article span{display:grid}.conflict-card article div{flex-wrap:wrap;gap:.5rem;display:flex}.profile-editor{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.profile-editor img,.profile-placeholder{object-fit:cover;border:3px solid var(--brand);background:var(--surface);border-radius:50%;place-items:center;width:88px;height:88px;display:grid}.profile-placeholder svg{width:42px;height:42px;color:var(--muted)}.profile-editor input[type=file]{opacity:0;width:1px;height:1px;position:absolute}.profile-settings input[readonly]{opacity:.75}.auth-page{background:radial-gradient(circle at 80% 5%,#28205e 0,transparent 38%),var(--background);place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-panel{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);border-radius:28px;gap:1.35rem;width:min(540px,100%);padding:clamp(24px,5vw,44px);display:grid;box-shadow:0 28px 80px #0005}.auth-logo{align-items:center;gap:14px;display:flex}.auth-logo>svg{color:#fff;background:linear-gradient(145deg,var(--logo-color-1),var(--logo-color-2),var(--logo-color-3));border-radius:18px;width:58px;height:58px;padding:14px}.auth-logo span{display:grid}.auth-logo strong{font-size:1.45rem}.auth-logo small{color:var(--muted);letter-spacing:.1em;font-weight:800}.auth-panel h1{margin:.15rem 0;font-size:clamp(2.2rem,8vw,4rem)}.auth-tabs{background:var(--background);border-radius:16px;grid-template-columns:1fr 1fr;gap:.6rem;padding:.35rem;display:grid}.auth-tabs button{color:var(--muted);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem;display:flex}.auth-tabs button.is-active{background:var(--brand);color:#fff}.auth-fields{gap:.85rem;display:grid}.auth-fields label{gap:.4rem;font-weight:750;display:grid}.auth-fields input{border:1px solid var(--line);background:var(--input);width:100%;color:inherit;border-radius:13px;padding:.9rem 1rem}.auth-submit{justify-content:center;width:100%}.auth-message{color:#ff9aae;background:#e3466520;border-radius:12px;padding:.8rem 1rem}.auth-offline-note{text-align:center;color:var(--muted)}