@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Outfit:wght@400;500;600&display=swap);.navbar{--navbar-h:64px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200}[data-theme=dark] .navbar{background:#181c1feb}.navbar-inner{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;min-height:var(--navbar-h);padding-bottom:4px;padding-top:4px}@media (min-width:721px){.navbar-inner{flex-wrap:nowrap;height:64px;min-height:64px;padding-bottom:0;padding-top:0}}@media (max-width:768px){.navbar{--navbar-h:56px}.navbar-inner{flex-wrap:nowrap;gap:8px;min-height:56px;padding-bottom:0;padding-top:0}.navbar-logo{font-size:clamp(1.05rem,4.2vw,1.3rem);min-width:0}.navbar-logo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.navbar-grow{flex:1 1 auto;min-width:0}.navbar-spacer{min-height:0}.navbar-logo{align-items:center;color:var(--text-primary);display:flex;flex-shrink:0;font-size:1.3rem;gap:8px;letter-spacing:.06em}.navbar-logo-img{border-radius:6px;flex-shrink:0;height:30px;width:30px}.navbar-primary{align-items:center;display:flex;flex-shrink:0;gap:2px}.navbar-link{border-radius:8px;color:var(--text-muted);font-size:.65rem;letter-spacing:.12em;padding:8px 10px;text-transform:uppercase;transition:background .15s,color .15s;white-space:nowrap}.navbar-link:hover{background:var(--bg-surface);color:var(--text-primary)}.navbar-link--active{color:var(--text-primary);font-weight:500}@media (max-width:720px){.navbar-inner--search .navbar-primary--desktop{display:none}}@media (max-width:768px){.navbar-primary--desktop{display:none}}.navbar-menu-toggle{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:none;flex-shrink:0;height:44px;justify-content:center;margin:0;padding:0;transition:background .15s,color .15s;width:44px}.navbar-menu-toggle:hover{background:var(--bg-surface)}@media (max-width:768px){.navbar-menu-toggle{display:flex}}.navbar-mobile-backdrop{display:none}@media (max-width:768px){.navbar-mobile-backdrop{-webkit-tap-highlight-color:transparent;background:#0006;border:none;bottom:0;cursor:pointer;display:block;left:0;margin:0;padding:0;position:fixed;right:0;top:var(--navbar-h);z-index:150}[data-theme=dark] .navbar-mobile-backdrop{background:#0000008c}.navbar-mobile-panel{-webkit-overflow-scrolling:touch;background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:0 16px 40px #0000001f;display:flex;flex-direction:column;gap:2px;left:0;max-height:min(70dvh,420px);overflow-y:auto;padding:.5rem max(16px,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));position:fixed;right:0;top:var(--navbar-h);z-index:160}[data-theme=dark] .navbar-mobile-panel{box-shadow:0 16px 40px #00000073}.navbar-mobile-link{border-radius:10px;color:var(--text-muted);display:block;font-size:.72rem;letter-spacing:.14em;padding:14px 16px;text-transform:uppercase;transition:background .15s,color .15s}.navbar-mobile-link:focus-visible,.navbar-mobile-link:hover{background:var(--bg-surface);color:var(--text-primary);outline:none}.navbar-mobile-link--active{background:var(--bg-surface);color:var(--text-primary);font-weight:600}}.navbar-search{align-items:center;display:flex;gap:8px;min-width:120px}.navbar-search-input{background:var(--bg-surface);border:1px solid var(--border);border-radius:999px;color:var(--text-primary);flex:1 1;font-size:.88rem;outline:none;padding:7px 14px;transition:border-color .15s}@media (max-width:768px){.navbar-search-input{font-size:16px}}.navbar-search-input:focus{border-color:var(--accent)}.navbar-search-input::placeholder{color:var(--text-muted)}.navbar-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.icon-btn{-webkit-tap-highlight-color:transparent;border-radius:8px;height:34px;transition:background .15s,color .15s;width:34px}@media (max-width:768px){.navbar-actions .icon-btn{height:44px;width:44px}}.navbar-user-menu{flex-shrink:0;margin-left:4px;position:relative}.navbar-user-trigger{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.78rem;gap:6px;max-width:200px;padding:6px 8px 6px 6px;transition:border-color .15s,background .15s}.navbar-user-trigger:hover{background:var(--bg-hover);border-color:var(--accent)}.navbar-user-trigger-avatar{color:var(--text-muted);flex-shrink:0}.navbar-user-trigger-name{min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.navbar-user-trigger-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .15s}.navbar-user-trigger-chevron--open{transform:rotate(180deg)}.navbar-user-dropdown{box-shadow:0 12px 32px #0000001f;min-width:220px;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:250}[data-theme=dark] .navbar-user-dropdown{box-shadow:0 12px 32px #00000073}.navbar-user-dropdown-item{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.84rem;gap:10px;padding:10px 12px;text-align:left;text-decoration:none;transition:background .12s;width:100%}a.navbar-user-dropdown-item:hover,button.navbar-user-dropdown-item:hover{background:var(--bg-surface)}.navbar-user-dropdown-item-icon{color:var(--text-muted);flex-shrink:0}.navbar-user-dropdown-item--signout{border-radius:0 0 6px 6px;border-top:1px solid var(--border);color:var(--text-secondary);margin-top:4px;padding-top:12px}.navbar-auth{align-items:center;display:flex;gap:8px;margin-left:4px}.navbar-login{border-radius:6px;color:var(--text-muted);font-size:.82rem;padding:6px 12px;transition:color .15s}.navbar-login:hover,.navbar-signup{color:var(--text-primary)}.navbar-signup{border:1px solid var(--border);border-radius:999px;font-size:.82rem;padding:6px 14px;transition:background .15s,border-color .15s}.navbar-signup:hover{background:var(--bg-surface);border-color:var(--accent)}@media (max-width:600px){.navbar-user-trigger{max-width:none;padding:6px}.navbar-user-trigger-name{display:none}}@media (max-width:380px){.navbar-auth{gap:4px}.navbar-login{font-size:.76rem;padding:6px 8px}.navbar-signup{font-size:.76rem;padding:6px 10px}}.footer{background:var(--bg-surface);border-top:1px solid var(--border)}.footer-inner{gap:24px;justify-content:space-between;margin:0 auto;max-width:1100px;padding:28px 24px max(28px,calc(12px + env(safe-area-inset-bottom)))}.footer-brand,.footer-inner{align-items:center;display:flex}.footer-brand{flex-shrink:0;gap:8px}.footer-logo-img{border-radius:6px;height:28px;width:28px}.footer-logo-text{font-size:1rem;letter-spacing:.06em}.logo-tran{color:var(--text-secondary)}.logo-muse{color:var(--text-muted)}.footer-nav{align-items:center;display:flex;gap:24px}.footer-nav a{color:var(--text-muted);font-size:.82rem;transition:color .15s}.footer-nav a:hover{color:var(--text-primary)}.footer-copy{color:var(--text-muted);flex-shrink:0;font-size:.75rem}@media (max-width:600px){.footer-inner{align-items:center;flex-direction:column;gap:16px;padding:24px;text-align:center}.footer-nav{flex-wrap:wrap;gap:16px;justify-content:center}}.song-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative;transition:border-color .2s,box-shadow .2s}.song-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #0000000f}.song-card-body{display:flex;flex-direction:column;gap:10px;padding:20px 48px 18px 20px}.song-card-title{color:var(--text-primary);font-size:1.05rem;font-weight:400;line-height:1.3}.song-card-meta{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:.72rem;letter-spacing:.04em;text-transform:capitalize}.song-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:.8rem;line-height:1.5;overflow:hidden}.song-card-plays{color:var(--text-muted);font-size:.75rem}.song-card-fav{background:none;border:none;color:var(--text-muted);line-height:1;padding:6px;position:absolute;right:14px;top:14px;transition:color .15s}.song-card-fav.active,.song-card-fav:hover{color:var(--danger)}.catalog-page{padding-bottom:96px}.catalog-hero{align-items:center;border-bottom:1px solid var(--border);box-sizing:border-box;display:flex;flex-direction:column;gap:14px;justify-content:center;margin-bottom:32px;max-height:min(55dvh,420px);padding:28px 24px 26px;text-align:center}.hero-script{font-size:clamp(1.15rem,3vw,1.85rem);line-height:1.25;opacity:.7}.hero-script,.hero-title{color:var(--text-primary);margin:0}.hero-title{font-size:clamp(1.65rem,5vw,3rem);line-height:1}.hero-search-wrap{margin:0;max-width:520px;width:100%}.hero-search{background:#fff;border:1px solid var(--border);border-radius:999px;box-shadow:0 2px 12px #0000000f;color:var(--text-primary);font-size:1rem;outline:none;padding:12px 20px;text-align:center;transition:border-color .2s,box-shadow .2s;width:100%}.hero-search:focus{border-color:var(--accent);box-shadow:0 4px 20px #0000001a}.hero-search::placeholder{color:var(--text-muted);opacity:.7}.hero-count{color:var(--text-muted);font-size:.76rem;letter-spacing:.06em;margin:0;text-transform:uppercase}.filters{margin-bottom:28px}.filter-row{gap:16px}.filter-group,.filter-row{align-items:center;display:flex;flex-wrap:wrap}.filter-group{gap:8px}.filter-label{color:var(--text-muted);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.filter-pills{display:flex;flex-wrap:wrap;gap:6px}.pill{background:#0000;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);font-size:.78rem;padding:4px 12px;transition:all .15s}.pill:hover{border-color:var(--accent);color:var(--text-primary)}.pill.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg)}.sort-select{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:.78rem;margin-left:auto;max-width:100%;outline:none;padding:5px 12px}@media (max-width:540px){.filter-row{align-items:stretch;flex-direction:column}.sort-select{margin-left:0;width:100%}}.catalog-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.empty-state,.loading-state{font-size:.9rem;padding:60px 0;text-align:center}.catalog-load-error-title{color:var(--text-primary);font-weight:500;margin-bottom:10px}.catalog-load-error-detail{color:var(--text-muted);font-size:.85rem;line-height:1.5;margin:0 auto;max-width:36em}@media (max-width:640px){.catalog-hero{padding:48px 24px 40px}.sort-select{margin-left:0}}.kalimba-page{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:2.5rem 1.25rem 3rem}.kalimba-page--embedded{align-items:stretch;justify-content:flex-start;min-height:0;padding:0}.kalimba-embed-container{align-items:center;container-name:kalimba-col;container-type:inline-size;display:flex;flex-direction:column;margin:0;max-width:100%;padding:0;width:100%}.kalimba-header-embed-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:6px;text-align:left;width:100%}.kalimba-title-embed{color:var(--text-primary);font-size:clamp(.85rem,3.5cqi,1.05rem);letter-spacing:.08em;line-height:1.2;margin:0}.kalimba-header-embed-actions{flex-shrink:0}.kalimba-embed-open-full{color:var(--text-muted);font-size:.58rem;letter-spacing:.12em;text-decoration:underline;text-transform:uppercase;text-underline-offset:2px}.kalimba-embed-open-full:hover{color:var(--text-primary)}.kalimba-page--embedded .kalimba-caption.kalimba-caption--embed{font-size:clamp(.72rem,3cqi,.85rem);margin-top:.25rem}.kalimba-wrap[data-embedded=true] .kalimba{padding:.4rem .4rem .5rem}.kalimba-wrap[data-embedded=true] .kalimba-header{margin-bottom:.35rem}.kalimba-page .container{align-items:center;container-name:kalimba-col;container-type:inline-size;display:flex;flex-direction:column;max-width:min(800px,100%);width:100%}.kalimba-page:has(.kalimba-wrap[data-compact]){align-items:stretch;min-height:min(100dvh - 1.5rem,960px);padding:1.15rem min(.5rem,2cqi) 1.75rem}@media (max-width:600px){.kalimba-page{align-items:stretch;min-height:min(100dvh - 1.5rem,960px);padding:1.15rem min(.5rem,3vw) 1.75rem}}.kalimba-wrap[data-compact]{margin-bottom:1rem;max-width:100%;width:100%}.kalimba-header{margin:0 0 1rem;padding:0 .5rem;text-align:center;width:100%}.kalimba-breadcrumb{color:var(--text-muted);font-size:.65rem;letter-spacing:.14em;line-height:1.3;margin:0 0 10px;text-transform:uppercase}.kalimba-breadcrumb a{color:var(--text-secondary);text-decoration:underline;text-decoration-color:#949d9f66;text-underline-offset:2px}.kalimba-breadcrumb a:hover{color:var(--text-primary);text-decoration-color:var(--accent)}.kalimba-breadcrumb-sep{margin:0 .35em;opacity:.65}.kalimba-wrap[data-compact] .kalimba-breadcrumb{font-size:clamp(.58rem,2.8cqi,.65rem);margin-bottom:6px}.kalimba-wrap[data-compact] .kalimba-header{margin:0 0 .5rem;padding:0 min(.35rem,2cqi)}.kalimba-title{color:var(--text-primary);font-size:clamp(1.4rem,4.2vw,1.95rem);line-height:1.1;margin:0 0 4px}.kalimba-wrap[data-compact] .kalimba-title{font-size:clamp(1.15rem,6.2cqi,1.62rem)}.kalimba-sub{color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:clamp(.78rem,1.85vw,.92rem);line-height:1.35;margin:0;opacity:.9}.kalimba-wrap[data-compact] .kalimba-sub{font-size:clamp(.72rem,3.4cqi,.88rem)}.kalimba-settings-notation{border:none;border-bottom:1px solid var(--border);margin:0 0 1.1rem;min-width:0;padding:0 0 1rem}.kalimba-settings-heading{color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.06em;margin:0 0 .5rem;text-align:left;text-transform:uppercase}.kalimba-settings-heading--kbd{margin-top:.15rem}.kalimba-settings-notation legend.kalimba-settings-heading{float:none;margin-top:0;padding:0}.kalimba-settings-hint--nested{font-size:.7rem;line-height:1.35;margin:0 0 .4rem}.kalimba-settings-check,.kalimba-settings-radio{align-items:flex-start;color:var(--text-primary);cursor:pointer;display:flex;font-family:DM Sans,Outfit,sans-serif;font-size:.84rem;font-weight:500;gap:.45rem;line-height:1.35;margin:.45rem 0 0;text-align:left}.kalimba-settings-check:first-of-type,.kalimba-settings-radio:first-of-type{margin-top:0}.kalimba-settings-check input,.kalimba-settings-radio input{accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin:.2rem 0 0}.kalimba-settings-radio-scale{color:var(--text-muted);font-size:.78em;font-weight:500;white-space:normal}.kalimba-settings-nested{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin:.35rem 0 .5rem 1.35rem;padding:.5rem .55rem .55rem}.kalimba-settings-nested .kalimba-settings-radio{margin-top:.35rem}.kalimba-settings-nested .kalimba-settings-radio:first-child{margin-top:0}.kalimba-settings-nested .kalimba-settings-label{margin-top:.55rem}.kalimba-settings-nested .kalimba-settings-select{margin-top:0}.kalimba-settings-label{color:var(--text-muted);display:block;font-family:DM Sans,Outfit,sans-serif;font-size:.76rem;font-weight:600;margin:.65rem 0 .25rem;text-align:left}.kalimba-settings-label:first-of-type{margin-top:0}.kalimba-settings-select{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:block;font-family:DM Sans,Outfit,sans-serif;font-size:.84rem;max-width:100%;padding:.45rem .55rem;width:100%}.kalimba-settings-select:focus{outline:2px solid var(--accent);outline-offset:1px}.kalimba-settings-hint{color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:.72rem;line-height:1.4;margin:.5rem 0 0;text-align:left}.kalimba-kbd-settings-toolbar{margin-top:.75rem}.kalimba-kbd-settings-toggle{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:Outfit,DM Sans,sans-serif;font-size:.8rem;font-weight:600;justify-content:center;letter-spacing:.04em;padding:.45rem .9rem;text-transform:uppercase;transition:background .15s,border-color .15s,color .15s}.kalimba-kbd-settings-toggle:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--text-primary)}.kalimba-kbd-settings{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;box-sizing:border-box;margin-top:1rem;max-width:100%;padding:.85rem .75rem .95rem;text-align:left;width:100%}.kalimba-kbd-settings-intro{color:var(--text-muted);font-family:DM Sans,Outfit,sans-serif;font-size:clamp(.78rem,2vw,.86rem);line-height:1.45;margin:0 0 .65rem}.kalimba-kbd-settings-intro strong{color:var(--text-secondary);font-weight:600}.kalimba-kbd-settings-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.65rem}.kalimba-kbd-settings-actions--mobile{margin-bottom:0;margin-top:.35rem}.kalimba-kbd-settings-save-default{background:var(--accent);border:1px solid var(--accent);border-radius:6px;color:#fff;cursor:pointer;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;padding:.35rem .65rem;transition:background .15s,border-color .15s}.kalimba-kbd-settings-save-default:hover{background:var(--brand);border-color:var(--brand)}.kalimba-kbd-settings-reset{background:#0000;border:1px dashed var(--border);border-radius:6px;color:var(--accent);cursor:pointer;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;padding:.35rem .65rem;transition:border-color .15s,background .15s}.kalimba-kbd-settings-reset:hover{background:var(--bg-hover);border-color:var(--accent)}.kalimba-kbd-settings-clear-default{background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:500;padding:.35rem .5rem;text-decoration:underline;text-underline-offset:2px}.kalimba-kbd-settings-clear-default:hover{color:var(--text-secondary)}.kalimba-kbd-tutorial{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;margin:0 0 .65rem;padding:.55rem .6rem .6rem}.kalimba-kbd-tutorial__steps{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem .45rem;list-style:none;margin:0;padding:0}.kalimba-kbd-tutorial__step{align-items:center;display:flex;gap:.4rem}.kalimba-kbd-tutorial__badge{align-items:center;background:var(--bg-hover);border:1px solid var(--accent);border-radius:6px;color:var(--text-primary);display:inline-flex;flex-shrink:0;font-family:Outfit,sans-serif;font-size:.76rem;font-weight:700;height:1.38rem;justify-content:center;width:1.38rem}.kalimba-kbd-tutorial__label{color:var(--text-secondary);font-family:DM Sans,Outfit,sans-serif;font-size:.8rem;font-weight:600}.kalimba-kbd-tutorial__key-mock{align-items:center;background:var(--bg-card);border:1px dashed var(--accent);border-radius:5px;box-sizing:border-box;color:var(--text-muted);display:inline-flex;flex-shrink:0;font-family:Consolas,Monaco,monospace;font-size:.65rem;font-weight:700;justify-content:center;letter-spacing:-.06em;line-height:1;min-height:1.42rem;min-width:1.42rem;padding:2px 5px}.kalimba-kbd-tutorial__arrow{color:var(--accent);font-size:1.15rem;font-weight:700;line-height:1;-webkit-user-select:none;user-select:none}@media (max-width:480px){.kalimba-kbd-tutorial__steps{align-items:stretch;flex-direction:column}.kalimba-kbd-tutorial__arrow{padding:.15rem 0;text-align:center;transform:rotate(90deg)}}.kalimba-wrap[data-compact] .kalimba-kbd-settings{padding:.65rem .5rem .75rem}.kalimba-wrap{justify-content:center;margin-bottom:2rem}.kalimba,.kalimba-wrap{display:flex;width:100%}.kalimba{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:clamp(18px,4vw,28px);box-shadow:0 12px 32px -20px #00000026;box-sizing:border-box;flex-direction:column;max-width:min(740px,100%);padding:1rem;transition:background-color .2s,border-color .2s}.kalimba-wrap[data-compact] .kalimba{border-radius:clamp(12px,2.8cqi,22px);max-width:100%;padding:.55rem min(.35rem,2cqi) .65rem}.kalimba-keys{align-items:flex-start;box-sizing:border-box;display:flex;gap:clamp(3px,.75vw,6px);justify-content:center;min-height:520px;padding:.35rem .35rem .65rem;width:100%}.kalimba-wrap[data-compact] .kalimba-keys{align-items:flex-start;gap:0;min-height:min(68dvh,640px);padding:.12rem min(.08rem,1cqi) .45rem}.kalimba-wrap[data-mobile=true] .kalimba-keys{min-height:min(52dvh,380px);padding-top:.5rem}.kalimba-wrap[data-mobile=true][data-compact=true] .kalimba-keys{min-height:min(50dvh,400px)}.tine{background:var(--bg-surface);border:1px solid var(--border);border-radius:4px 4px 12px 12px;box-sizing:border-box;cursor:pointer;flex:0 0 auto;justify-content:space-between;min-width:20px;padding:4px 2px 38px;transition:background .12s,transform .08s,border-color .12s,color .12s;width:clamp(20px,4.1vw,31px)}.tine,.tine-theory{align-items:center;display:flex;flex-direction:column}.tine-theory{flex-shrink:0;gap:.06rem;line-height:1.08}.tine-theory--foot{margin-top:auto;padding-bottom:2px}.tine-theory__sol{color:var(--accent);font-size:clamp(.45rem,1.35vw,.58rem);font-style:italic;opacity:.95}.tine-theory__letter,.tine-theory__sol{font-family:Outfit,sans-serif;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none}.tine-theory__letter{color:var(--text-secondary);font-size:clamp(.5rem,1.55vw,.66rem)}.tine-theory__deg{color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:clamp(.62rem,2vw,.88rem);font-weight:600;letter-spacing:.02em;pointer-events:none;-webkit-user-select:none;user-select:none}.tine-theory__deg sup{font-size:.68em}.tine-kbd{align-self:center;flex-shrink:0;pointer-events:none;-webkit-user-select:none;user-select:none}.tine-kbd,button.tine-kbd--square{font-feature-settings:"tnum";color:var(--text-muted);font-family:DM Sans,Outfit,sans-serif;font-size:clamp(.62rem,1.9vw,.86rem);font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.03em;line-height:1;opacity:.95}button.tine-kbd--square{align-items:center;background:var(--bg-card);border:1px dashed var(--accent);border-radius:5px;box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;margin:0;min-height:1.45rem;min-width:1.45rem;padding:3px 5px;pointer-events:auto;transition:border-color .12s,background .12s,color .12s,box-shadow .12s}button.tine-kbd--square:hover{background:var(--bg-hover);border-style:solid;color:var(--accent)}button.tine-kbd--square:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button.tine-kbd--square-listening{background:var(--bg-hover);border-color:var(--accent);border-style:solid;box-shadow:0 0 0 2px var(--accent);color:var(--accent)}.kalimba-keys[data-kbd-map] .tine--kbd-square-listening{outline:1px solid var(--accent);outline-offset:-1px}.kalimba-wrap[data-compact] .tine-kbd,.kalimba-wrap[data-compact] button.tine-kbd--square{font-size:clamp(.56rem,4.2cqi,.76rem)}.kalimba-wrap[data-compact] .tine-theory__sol{font-size:clamp(.46rem,3.6cqi,.6rem)}.kalimba-wrap[data-compact] .tine-theory__letter{font-size:clamp(.5rem,3.9cqi,.66rem)}.kalimba-wrap[data-compact] .tine-theory__deg{font-size:clamp(.52rem,4.5cqi,.78rem)}.kalimba-wrap[data-compact] .tine{flex:1 1;max-width:40px;min-width:0;padding:4px 1px clamp(18px,5.5cqi,32px);width:auto}.tine.active,.tine:hover{background:var(--bg-hover);border-color:var(--accent)}.tine.active{transform:translateY(2px)}.tine.active .tine-kbd,.tine.active button.tine-kbd--square{color:var(--accent);opacity:1}.tine.active .tine-theory__letter,.tine.active .tine-theory__sol{color:var(--text-primary);opacity:1}.tine.active .tine-theory__deg{color:var(--text-primary)}.kalimba-caption{color:var(--text-muted);font-size:.72rem;font-weight:500;letter-spacing:.14em;margin:.35rem 0 0;text-align:center;text-transform:uppercase}.kalimba-caption.font-script{font-feature-settings:normal;font-family:Ephesis,cursive;font-size:clamp(.82rem,1.9vw,.98rem);font-variant:normal;font-weight:400;letter-spacing:.05em;text-transform:none}.kalimba-wrap[data-compact] .kalimba-caption{font-size:.62rem;letter-spacing:.1em;margin-top:.25rem}.kalimba-wrap[data-compact] .kalimba-caption.font-script{font-size:clamp(.74rem,3cqi,.9rem);letter-spacing:.04em}@container kalimba-col (max-width: 600px){.kalimba-wrap:not([data-compact]) .kalimba{border-radius:clamp(12px,2.8cqi,22px);max-width:100%;padding:.55rem min(.35rem,2cqi) .65rem}.kalimba-wrap:not([data-compact]) .kalimba-keys{gap:0;min-height:min(68dvh,640px);padding:.12rem min(.08rem,1cqi) .45rem}.kalimba-wrap:not([data-compact]) .tine{flex:1 1;max-width:40px;min-width:0;padding-bottom:clamp(20px,5.5cqi,36px);width:auto}.kalimba-wrap:not([data-compact]) .kalimba-header{margin:0 0 .5rem;padding:0 min(.35rem,2cqi)}.kalimba-wrap:not([data-compact]) .kalimba-title{font-size:clamp(1.15rem,6.2cqi,1.62rem)}.kalimba-wrap:not([data-compact]) .kalimba-sub{font-size:clamp(.72rem,3.4cqi,.88rem)}.kalimba-wrap:not([data-compact]) .kalimba-caption{font-size:.62rem;letter-spacing:.1em;margin-top:.25rem}.kalimba-wrap:not([data-compact]) .kalimba-caption.font-script{font-size:clamp(.74rem,3cqi,.9rem);text-transform:none}.kalimba-wrap:not([data-compact]) .tine-kbd{font-size:clamp(.56rem,4.2cqi,.76rem)}.kalimba-wrap:not([data-compact]) .tine-theory__sol{font-size:clamp(.46rem,3.6cqi,.6rem)}.kalimba-wrap:not([data-compact]) .tine-theory__letter{font-size:clamp(.5rem,3.9cqi,.66rem)}.kalimba-wrap:not([data-compact]) .tine-theory__deg{font-size:clamp(.52rem,4.5cqi,.78rem)}.kalimba-wrap:not([data-compact]) .kalimba-kbd-settings{padding:.65rem .5rem .75rem}}.tine-kbd.font-body,button.tine-kbd--square.font-body{font-feature-settings:"tnum";font-family:DM Sans,Outfit,sans-serif;font-variant-numeric:tabular-nums}.song-page{padding:0 0 max(80px,env(safe-area-inset-bottom))}.song-inner{max-width:780px}.song-main{min-width:0}.song-kalimba-below-tab{margin-top:20px;padding:12px 10px 16px}.song-kalimba-below-tab .kalimba-page--embedded{width:100%}.song-kalimba-toggle{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.74rem;gap:6px;padding:5px 12px;transition:background .15s,border-color .15s,color .15s}.song-kalimba-toggle--on,.song-kalimba-toggle:hover{border-color:var(--accent);color:var(--text-primary)}.song-kalimba-toggle--on{background:var(--bg-hover)}.song-practice-bar{margin-bottom:16px;padding:12px 16px}.song-practice-bar-inner{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.song-practice-bar-text{color:var(--text-secondary);flex:1 1;font-size:.62rem;letter-spacing:.1em;line-height:1.45;margin:0;min-width:0;text-transform:uppercase}.song-practice-bar-hint{color:var(--text-muted);font-weight:400;letter-spacing:.02em;text-transform:none}.song-practice-again{flex-shrink:0}.tab-card--practice .tab-row{padding:18px 24px 16px}.pair--practice-next .note{border-radius:4px;box-shadow:0 0 0 2px var(--accent)}.song-loading{color:var(--text-muted);padding:80px 24px;text-align:center}.song-header{margin-bottom:0;padding:18px 20px 6px;text-align:center}.song-title{font-size:clamp(1.5rem,4vw,2.6rem);line-height:1;margin:0 0 4px}.song-script,.song-title{color:var(--text-primary)}.song-script{font-size:clamp(1.05rem,2.8vw,1.75rem);line-height:1.2;margin:0 0 8px;opacity:.7}.song-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.tag-link{cursor:pointer;transition:background .15s,color .15s,border-color .15s}.tag-link:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--text-primary)}.tag{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);cursor:default;font-size:.64rem;letter-spacing:.1em;padding:3px 10px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.fav-btn,.tag{border-radius:999px}.fav-btn{align-items:center;background:#0000;border:1px solid var(--danger);color:var(--danger);cursor:pointer;display:inline-flex;font-size:.74rem;gap:5px;padding:5px 12px;transition:background .15s,color .15s}.fav-btn.active,.fav-btn:hover{background:var(--danger);color:#fff}.fav-btn.active{border-color:var(--danger)}.fav-btn.active:hover{background:#0000;color:var(--danger)}.edit-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.74rem;gap:5px;padding:5px 12px;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.edit-btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--text-primary)}.tab-card{overflow:hidden}.tab-row{padding:14px 28px 12px}.tab-row.shaded{background-color:var(--bg-surface)}.tab-row-2col{grid-column-gap:clamp(6px,2vw,20px);align-items:center;column-gap:clamp(6px,2vw,20px);display:grid;grid-template-columns:1fr 1px 1fr;padding:14px 28px 12px}.tab-half{padding:0}.tab-row-2col>.tab-half:first-child,.tab-row-line-split>.tab-half:first-child{justify-content:flex-end}.tab-row-2col>.tab-half:last-child,.tab-row-line-split>.tab-half:last-child{justify-content:flex-start}.tab-pair-divider{align-self:stretch;background:var(--border)}.tab-row-line-split{display:block;padding:14px 28px 12px}.tab-row-line-split .tab-line-split-divider{display:none;margin:0 auto;width:1px}@media (min-width:768px){.tab-row-line-split{grid-column-gap:clamp(6px,2vw,20px);align-items:center;column-gap:clamp(6px,2vw,20px);display:grid;grid-template-columns:1fr 1px 1fr}.tab-row-line-split .tab-line-split-divider{align-self:stretch;background:var(--border);display:block}}@media (max-width:767px){.tab-row-2col{grid-template-columns:1fr}.tab-row-2col>.tab-pair-divider{display:none}}.pairs{align-items:flex-end;display:flex;flex-wrap:wrap;gap:clamp(6px,2vw,20px);justify-content:center}.pair{align-items:center;display:flex;flex-direction:column;gap:4px}.note{align-items:flex-start;display:inline-flex;font-family:Outfit,sans-serif;font-size:clamp(1.3rem,3.5vw,2rem);font-weight:700;line-height:1}.note,.note sup{color:var(--text-primary)}.note sup{font-size:.52em;margin-top:.1em}.syl{color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:clamp(.88rem,2.2vw,1.1rem);font-weight:400;letter-spacing:.04em;white-space:nowrap}.song-nav-rail{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;display:grid;grid-template-columns:1fr 1fr;margin:12px 0 16px;overflow:hidden}.song-nav-link{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;gap:10px;min-height:52px;padding:12px 14px;text-align:left;transition:background .15s,color .15s}.song-nav-link-prev{border-right:1px solid var(--border);justify-content:flex-start}.song-nav-link-next{justify-content:flex-end;text-align:right}.song-nav-link:hover:not(:disabled){background:var(--bg-hover)}.song-nav-link:disabled{cursor:not-allowed;opacity:.42}.song-nav-chev{color:var(--text-muted);flex-shrink:0}.song-nav-link:not(:disabled):hover .song-nav-chev{color:var(--text-primary)}.song-nav-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.song-nav-link-next .song-nav-text{align-items:flex-end}.song-nav-dir{color:var(--text-muted);font-size:.65rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.song-nav-target{color:var(--text-primary);font-size:.88rem;font-weight:500;line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-nav-target-muted{color:var(--text-muted);font-weight:400}.legend{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;padding:16px 24px}.legend-label{color:var(--accent);font-size:.7rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.legend-item{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;font-weight:300;gap:6px}.song-sheet-footer{color:var(--text-muted);font-family:Antic Didone,serif;font-size:.8rem;letter-spacing:.28em;margin-top:48px;text-align:center;text-transform:uppercase}.song-description{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;margin-top:32px;padding:28px 32px}.song-description p{color:var(--text-muted);font-size:.92rem;line-height:1.75}.song-videos{margin-top:32px}.song-videos-title{color:var(--text-muted);font-size:1rem;letter-spacing:.12em;margin-bottom:16px}.song-videos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.song-video-embed{background:var(--bg-surface);border-radius:10px;overflow:hidden;padding-bottom:56.25%;position:relative}.song-video-embed iframe{border:none;height:100%;inset:0;position:absolute;width:100%}.song-video-label{color:var(--text-muted);font-size:.82rem;line-height:1.4;margin-top:8px}.song-similar{margin-top:40px}.song-similar-title{color:var(--text-muted);font-size:1rem;letter-spacing:.12em;margin-bottom:6px}.song-similar-lead{color:var(--text-muted);font-size:.82rem;line-height:1.45;margin-bottom:18px}.song-similar-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}@media (max-width:420px){.song-nav-rail{grid-template-columns:1fr}.song-nav-link-prev{border-bottom:1px solid var(--border);border-right:none}}@media (max-width:480px){.tab-row,.tab-row-2col{padding:12px 14px 10px}.song-header{padding:16px 16px 6px}.song-nav-link{min-height:48px;padding:10px 12px}}.auth-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 60px);padding:40px 24px}.auth-card{max-width:400px;padding:40px;width:100%}.auth-header{margin-bottom:32px;text-align:center}.auth-script{color:var(--text-muted);font-size:2rem;margin-bottom:-4px;opacity:.82}.auth-title{color:var(--text-primary);font-size:1.6rem;letter-spacing:.12em}.auth-divider{background:var(--accent);height:1px;margin:16px auto 0;width:32px}.auth-form{display:flex;flex-direction:column;gap:20px}.field{gap:6px}.field-label{font-size:.75rem}.field-input{background:var(--bg-surface);font-size:.9rem;padding:10px 14px}.auth-error{color:var(--danger);font-size:.82rem;text-align:center}.auth-btn{font-size:.875rem;justify-content:center;margin-top:4px;padding:12px;width:100%}.auth-switch{color:var(--text-muted);font-size:.82rem;margin-top:24px;text-align:center}.auth-switch a{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px}.favorites-page{padding:48px 0 80px}.favorites-header{margin-bottom:32px}.favorites-title{font-size:clamp(1.8rem,4vw,2.8rem)}.favorites-sub{color:var(--text-muted);font-size:.85rem;margin-top:4px}.fav-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.fav-state{color:var(--text-muted);font-size:.9rem;padding:60px 0;text-align:center}.fav-empty-script{font-size:2.2rem;margin-bottom:8px}.admin-page{padding:48px 0 80px}.video-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.video-row .field-input{flex:1 1}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.admin-title{color:var(--text-primary);font-size:clamp(1.2rem,3vw,1.8rem);letter-spacing:.08em}.admin-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:14px 20px}.admin-row:last-child{border-bottom:none}.admin-row:hover{background:var(--bg-surface)}.admin-row-info{flex:1 1;min-width:0}.admin-row-title{display:block;font-size:.85rem;letter-spacing:.06em}.admin-row-meta{color:var(--text-muted);font-size:.75rem;text-transform:capitalize}.admin-row-actions{display:flex;gap:4px}.admin-empty{font-size:.9rem;padding:32px;text-align:center}.admin-empty,.icon-btn{color:var(--text-muted)}.icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.icon-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.icon-btn.danger:hover{color:var(--danger)}.edit-view{display:flex;flex-direction:column;gap:24px}.edit-header{align-items:center;display:flex;gap:20px}.edit-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:720px){.edit-grid{grid-template-columns:1fr}}.edit-section{padding:24px}.edit-section-title{color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.12em;margin-bottom:16px;text-transform:uppercase}.edit-fields{display:flex;flex-direction:column;gap:14px}.field-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.field{display:flex;flex-direction:column;gap:5px}.field-label{color:var(--text-muted);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.field-input{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.875rem;outline:none;padding:8px 12px;resize:vertical;transition:border-color .15s}.field-input:focus{border-color:var(--accent)}.checkbox-label{align-items:center;color:var(--text-muted);cursor:pointer;display:flex;font-size:.85rem;gap:8px}.edit-hint{color:var(--text-muted);font-size:.78rem;margin-bottom:16px}.edit-hint code{background:var(--bg-surface);border-radius:4px;font-family:monospace;padding:2px 6px}.tab-lines{display:flex;flex-direction:column;gap:8px}.tab-line-row{align-items:center;display:flex;gap:8px}.tab-line-num{color:var(--text-muted);font-size:.75rem;min-width:18px;text-align:right}.tab-line-input{flex:1 1}.add-line-btn{align-self:flex-start;font-size:.8rem;margin-top:4px;padding:6px 14px}.edit-footer{display:flex;gap:10px;justify-content:flex-end;padding-top:8px}@media (max-width:768px){.admin-header,.admin-row{align-items:flex-start;flex-direction:column;gap:12px}.admin-row-actions{align-self:flex-end}.field-row{grid-template-columns:1fr}}.hub-page{padding:48px 0 72px}.hub-page-inner{max-width:720px}.hub-header{margin-bottom:40px;text-align:center}.hub-kicker{color:var(--text-muted);font-size:.68rem;letter-spacing:.18em;margin-bottom:10px}.hub-title{color:var(--text-primary);font-size:1.75rem;letter-spacing:.1em;margin-bottom:16px}.hub-lead{color:var(--text-secondary);font-size:.95rem;line-height:1.65;margin:0 auto;max-width:34em}.tools-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;list-style:none}@media (min-width:560px){.tools-grid{grid-template-columns:1fr 1fr}}.tools-card{align-items:flex-start;color:inherit;display:flex;flex-direction:column;height:100%;padding:28px 24px;text-decoration:none;transition:border-color .15s,background .15s}a.tools-card:hover{background:var(--bg-surface);border-color:var(--accent)}.tools-card--soon{cursor:default;opacity:.88}.tools-card-icon{align-items:center;background:var(--bg-surface);border-radius:10px;color:var(--text-primary);display:flex;height:48px;justify-content:center;margin-bottom:18px;width:48px}.tools-card-icon--muted{color:var(--text-muted)}.tools-card-title{color:var(--text-primary);font-size:.78rem;letter-spacing:.12em;margin-bottom:10px}.tools-card-desc{color:var(--text-secondary);flex:1 1;font-size:.88rem;line-height:1.55;margin-bottom:16px}.tools-card--soon .tools-card-desc{margin-bottom:0}.tools-card-cta{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 0 #0000000a;color:var(--text-secondary);display:inline-flex;font-size:.72rem;font-weight:600;gap:6px;letter-spacing:.12em;margin-top:4px;padding:9px 14px 9px 16px;text-transform:uppercase;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}.tools-card-cta-icon{flex-shrink:0;opacity:.85;transition:transform .15s,opacity .15s}a.tools-card:hover .tools-card-cta{background:var(--bg-hover);border-color:var(--accent);box-shadow:0 2px 8px -4px #0000001f;color:var(--text-primary)}a.tools-card:hover .tools-card-cta-icon{opacity:1;transform:translateX(2px)}a.tools-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.resources-inner{max-width:640px}.resources-sections{display:flex;flex-direction:column;gap:24px}.resource-block{padding:28px 26px}.resource-block-head{align-items:center;display:flex;gap:12px;margin-bottom:14px}.resource-block-icon{color:var(--text-muted);display:flex}.resource-block-title{color:var(--text-primary);font-size:.78rem;letter-spacing:.12em}.resource-block-intro{color:var(--text-secondary);font-size:.9rem;line-height:1.65;margin-bottom:16px}.resource-block-intro strong{color:var(--text-primary);font-weight:500}.resource-list{color:var(--text-secondary);font-size:.88rem;line-height:1.65;margin:0 0 16px;padding-left:1.15em}.resource-list li{margin-bottom:10px}.resource-list li:last-child{margin-bottom:0}.resource-list strong{color:var(--text-primary);font-weight:500}.resource-block-foot{color:var(--text-muted);font-size:.86rem;line-height:1.6;margin:0}.resource-links{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.resource-link{align-items:center;color:var(--brand-hover);display:inline-flex;font-size:.9rem;gap:8px;text-decoration:underline;text-decoration-color:#949d9f73;text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}.resource-link:hover{color:var(--text-primary);text-decoration-color:var(--accent)}.resource-link-icon{flex-shrink:0;opacity:.65}[data-theme=dark] .resource-link{color:var(--text-secondary)}[data-theme=dark] .resource-link:hover{color:var(--text-primary)}.contact-page{align-items:center;box-sizing:border-box;flex-direction:column;min-height:calc(100svh - 164px);padding:12px 16px 16px}.contact-inner,.contact-page{display:flex;justify-content:center}.contact-inner{width:100%}.contact-card{-webkit-overflow-scrolling:touch;max-height:min(100%,calc(100svh - 150px));max-width:440px;overflow-y:auto;padding:18px 20px 20px;width:100%}.contact-header{margin-bottom:14px;text-align:center}.contact-script{color:var(--text-muted);font-size:clamp(1.25rem,3.5vw,1.5rem);line-height:1.1;margin-bottom:-2px;opacity:.88}.contact-title{color:var(--text-primary);font-size:clamp(1.1rem,2.8vw,1.35rem);line-height:1.15}.contact-lead{color:var(--text-muted);font-size:.78rem;line-height:1.45;margin-left:auto;margin-right:auto;margin-top:6px;max-width:34em}.contact-form{display:flex;flex-direction:column;gap:10px}.contact-page .field{gap:4px}.contact-page .field-label{font-size:.65rem}.contact-page .field-input{font-size:.84rem;padding:7px 10px}.contact-textarea{line-height:1.45;max-height:22vh;min-height:0;overflow-y:auto;resize:none}.contact-char-count{align-self:flex-end;color:var(--text-muted);font-size:.65rem;margin-top:2px;opacity:.85}.contact-error{color:var(--danger);font-size:.75rem;line-height:1.35;margin:-2px 0 0;text-align:center}.contact-submit{flex-shrink:0;margin-top:2px}.contact-back,.contact-submit{justify-content:center;padding:10px;width:100%}.contact-back{margin-top:6px;text-align:center}@media (max-height:640px){.contact-page{min-height:0;padding-bottom:8px;padding-top:8px}.contact-card{padding:14px 16px 16px}.contact-header{margin-bottom:10px}.contact-form{gap:8px}.contact-textarea{max-height:18vh}}:root,[data-theme=light]{--bg:#fff;--bg-card:#fff;--bg-surface:#f9f9f9;--bg-hover:#e9e7e5;--text-primary:#333;--text-secondary:#404b4e;--text-muted:#949d9f;--accent:#949d9f;--border:#ccc7c6;--brand:#798487;--brand-hover:#404b4e;--danger:#b82105;--success:#13612e}[data-theme=dark]{--bg:#1a1f21;--bg-card:#23292c;--bg-surface:#2d3438;--bg-hover:#353d42;--text-primary:#f2f0ee;--text-secondary:#d4d9dc;--text-muted:#949d9f;--accent:#a8b0b3;--border:#3d464b;--brand:#c5cbce;--brand-hover:#e9e7e5;--danger:#e85d4a;--success:#5cb878}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top center,#d4d9dc2e,#0000 30%),#fff;background:radial-gradient(circle at top center,#d4d9dc2e,#0000 30%),var(--bg);color:#333;color:var(--text-primary);display:flex;flex-direction:column;font-family:DM Sans,sans-serif;font-size:16px;letter-spacing:.02em;line-height:1.7;min-height:100vh;min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);transition:background-color .2s,color .2s}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}main{flex:1 1;min-width:0;width:100%}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0}section{margin-bottom:48px}.empty-state,.loading-state{color:#949d9f;color:var(--text-muted)}.font-title{font-family:Antic Didone,Times New Roman,serif;font-weight:400;letter-spacing:.02em;text-transform:uppercase}.font-script{font-family:Ephesis,cursive;font-weight:400}.font-tab{font-family:Amatic SC,cursive;font-weight:700}.font-nav{font-family:Outfit,sans-serif;font-weight:400;letter-spacing:.13em;text-transform:uppercase}.font-body{font-family:DM Sans,sans-serif}.container{margin:0 auto;max-width:1100px;padding:0 24px}@media (max-width:480px){.container{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}.btn{align-items:center;border:none;border-radius:6px;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 20px;transition:background .15s,color .15s}.btn-primary{background:#949d9f;background:var(--accent);border-radius:0;color:#fff;font-family:Outfit,sans-serif;font-size:.8125rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.btn-primary:hover{background:#798487;background:var(--brand);opacity:1}.btn-outline{background:#0000;border:1px solid #ccc7c6;border:1px solid var(--border);border-radius:0;color:#333;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.8125rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.btn-outline:hover{background:#e9e7e5;background:var(--bg-hover);color:#404b4e;color:var(--text-secondary)}.card{background:#fff;background:var(--bg-card);border:1px solid #ccc7c6;border:1px solid var(--border);border-radius:8px}[data-theme=light] .card{border-radius:0;box-shadow:0 15px 15px -10px #0000000d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ccc7c6;background:var(--border);border-radius:3px}
/*# sourceMappingURL=main.1b514fc9.css.map*/