@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;600;700&family=Mulish:wght@400;700&family=Cormorant+Garamond:wght@500;600;700&family=Playfair+Display:wght@500;600&family=EB+Garamond:wght@500;600&family=Lora:wght@500;600&family=Caveat:wght@500;600;700&family=Roboto:wght@400;500;700&display=swap";:root{--paper: #efe9da;--panel: #f9f5ec;--panel-2: #f3ecdc;--ink: #2f291f;--ink-soft: #6c6250;--ink-mute: #a0967f;--hair: #ded3bd;--sunken: #ece2cb;--espresso: #38301f;--magenta-400: #d63384;--magenta-500: #b51f65;--magenta-600: #8f1850;--surface-tint-primary: rgba(181, 31, 101, .08);--serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;--hero-font: var(--serif);--font-body: "Source Sans 3", "Lato", sans-serif;--font-hand: "Caveat", cursive;--color-primary: #b51f65;--color-primary-dark: #8f1850;--color-primary-transparent: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-secondary: #38301f;--color-secondary-dark: #2a2417;--color-secondary-transparent: rgba(56, 48, 31, .1);--color-accent: #d63384;--color-blue: #2d5b78;--color-success: #10b981;--color-success-transparent: rgba(16, 185, 129, .1);--color-warning: #d97706;--color-danger: #ef4444;--color-bg: var(--paper);--color-bg-secondary: var(--panel);--color-border: var(--hair);--color-text: var(--ink);--color-text-secondary: var(--ink-soft);--r: 1px;--r-cta: 4px;--radius: var(--r);--radius-sm: var(--r);--radius-md: 2px;--radius-lg: 2px;--radius-xl: 3px;--radius-xxl: 6px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--glass-bg: var(--panel);--glass-border: var(--hair);--glass-shadow: 0 8px 28px rgba(60, 45, 25, .12)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #b51f654d}50%{box-shadow:0 0 40px #b51f6599}}@keyframes smoke{0%{opacity:0;transform:translateY(0) scale(.8)}50%{opacity:.5}to{opacity:0;transform:translateY(-100px) scale(1.2)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;overflow-y:scroll;max-width:100vw}body{font-family:var(--font-body, "Source Sans 3", sans-serif);font-size:.875rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--paper);color:var(--ink);line-height:1.4;min-height:100vh;position:relative;overflow-x:hidden;max-width:100vw}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(rgba(120,100,70,.045) 1px,transparent 1px);background-size:8px 8px;pointer-events:none;z-index:0}input,textarea,select,button{font-family:inherit;font-size:.875rem}input[type=date]{font-size:.75rem}code,pre,kbd,samp{font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--hero-font, "Roboto", sans-serif);line-height:1.15;font-weight:600;color:inherit}h1{font-size:1.75rem;margin-bottom:.75rem}h2{font-size:1.5rem;margin-bottom:.75rem}h3{font-size:1.25rem;margin-bottom:.5rem}h4{font-size:1.125rem;margin-bottom:.5rem}p{font-size:.875rem;color:#475569;margin-bottom:.75rem;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.container-sm{max-width:600px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.95rem;font-weight:500;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);color:#fff;box-shadow:0 4px 12px #38301f4d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-secondary-dark) 0%,var(--color-secondary) 100%);box-shadow:0 6px 20px #38301f66;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #38301f4d}.btn-secondary{background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-text);border:1px solid var(--hair);box-shadow:0 2px 8px #0000000d}.btn-secondary:hover:not(:disabled){background:var(--panel);border-color:#38301f4d;box-shadow:0 4px 12px #38301f26;transform:translateY(-2px)}.btn-danger{background-color:var(--color-primary);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--color-primary-dark)}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;font-size:.95rem;font-weight:500;color:var(--color-text)}.form-input{width:100%;padding:.625rem .875rem;font-size:.95rem;border:1px solid var(--hair);border-radius:var(--radius);background:var(--panel);color:var(--color-text);transition:all .2s ease}.form-input:hover{border-color:var(--ink-mute)}.form-input:focus{outline:none;border-color:var(--color-primary);background:var(--paper);box-shadow:0 0 0 3px var(--surface-tint-primary)}.form-error{color:var(--color-primary);font-size:.75rem;margin-top:.25rem}.card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--r-cta);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:1.25rem;margin-bottom:1.5rem;position:relative;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;max-width:100%;box-sizing:border-box}.card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #1f268740}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.card-title,.section-title{font-size:1.25rem;font-weight:600;color:var(--color-text)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.badge-xs{padding:.2rem .6rem;font-size:.6875rem}.badge-primary,.badge-success,.badge-warning{background-color:#38301f1a;color:var(--color-secondary)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--color-border)}.table th{font-weight:600;color:var(--color-text);background-color:var(--color-bg-secondary)}.table tbody tr:hover{background-color:var(--panel)}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{background:#ffffffd9;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--hair);box-shadow:0 8px 32px #1f268733}.piano-key{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s cubic-bezier(.4,0,.2,1)}.piano-key.white{background:linear-gradient(180deg,#fff,#f5f5f5);border:2px solid #ddd;border-radius:0 0 8px 8px;box-shadow:0 4px 8px #0000001a}.piano-key.white:hover{background:linear-gradient(180deg,#f0f0f0,#e8e8e8);transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.piano-key.white:active,.piano-key.white.active{background:linear-gradient(180deg,#e0e0e0,#d8d8d8);transform:translateY(2px);box-shadow:0 2px 4px #0003 inset}.piano-key.black{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border:2px solid #000;border-radius:0 0 6px 6px;box-shadow:0 4px 8px #0000004d}.piano-key.black:hover{background:linear-gradient(180deg,#3a3a3a,#2a2a2a);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.piano-key.black:active,.piano-key.black.active{background:linear-gradient(180deg,#1a1a1a,#0a0a0a);transform:translateY(2px);box-shadow:0 2px 4px #00000080 inset}.smoke-particle{position:absolute;width:40px;height:40px;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:smoke 2s ease-out forwards;filter:blur(8px)}.ripple{position:absolute;border-radius:50%;background:var(--panel);transform:scale(0);animation:ripple-animation .6s ease-out;pointer-events:none}.volume-slider{-webkit-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-secondary);cursor:pointer;box-shadow:0 2px 4px #0003;transition:transform .2s,box-shadow .2s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 12px #38301f99}.volume-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-secondary);cursor:pointer;border:none;box-shadow:0 2px 4px #0003;transition:transform .2s,box-shadow .2s}.volume-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 0 12px #38301f99}.float{animation:float 3s ease-in-out infinite}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite}.dash-eyebrow{color:var(--color-primary);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}.dash-hero{font-family:var(--hero-font);font-weight:600;font-size:46px;line-height:1.08;letter-spacing:-.01em;margin:0 0 28px;max-width:660px;color:var(--ink)}.dash-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:20px;align-items:start}.dash-col{display:flex;flex-direction:column;gap:20px}.dash-panel{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r)}.dash-continue{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;border:none;cursor:pointer;padding:26px;border-radius:var(--r-cta);color:#fff;background:linear-gradient(135deg,var(--magenta-500),var(--magenta-600));box-shadow:0 16px 36px color-mix(in srgb,var(--color-primary) 28%,transparent);transition:transform .18s ease,box-shadow .18s ease}.dash-continue:hover{transform:translateY(-2px);box-shadow:0 20px 44px color-mix(in srgb,var(--color-primary) 34%,transparent)}.dash-continue-k{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.85}.dash-continue-t{display:block;font-family:var(--hero-font);font-weight:600;font-size:28px;margin:7px 0}.dash-continue-meta{display:block;font-size:12.5px;opacity:.85}.dash-play{width:58px;height:58px;flex-shrink:0;border-radius:999px;background:#ffffff2e;display:flex;align-items:center;justify-content:center}.dash-statrow{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r);padding:20px 22px;display:grid;grid-template-columns:repeat(3,1fr)}.dash-stat{padding:4px 16px}.dash-stat+.dash-stat{border-left:1px solid var(--hair)}.dash-stat-h{display:flex;align-items:center;gap:6px;color:var(--ink-mute);margin-bottom:10px}.dash-stat-v{font-family:var(--hero-font);font-weight:600;font-size:34px;line-height:1;color:var(--ink)}.dash-lbl{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.dash-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dash-quick{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r);padding:17px;display:flex;align-items:center;gap:13px;cursor:pointer;text-decoration:none;transition:box-shadow .18s ease,transform .18s ease}.dash-quick:hover{box-shadow:0 12px 26px #3c2d191a;transform:translateY(-2px)}.dash-quick-ico{width:44px;height:44px;flex-shrink:0;border-radius:var(--r);background:var(--surface-tint-primary);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.dash-quick-t{display:block;font-weight:700;font-size:14.5px;color:var(--ink)}.dash-quick-s{display:block;font-size:12.5px;color:var(--ink-soft);margin-top:2px}.dash-ph{padding:22px}.dash-ph-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dash-ph-title{margin:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-soft)}.dash-meta{font-size:12.5px;font-weight:700;color:var(--ink-mute)}.dash-all{font-size:12.5px;font-weight:700;color:var(--color-primary);text-decoration:none}.dash-ph-note{font-size:12.5px;color:var(--ink-soft);margin-top:10px}.dash-ph-icon{display:inline-flex;align-items:center;gap:7px}.dash-ph-icon svg{flex-shrink:0;color:var(--color-primary)}.dash-goalbar{height:8px;background:var(--sunken);border-radius:999px;overflow:hidden}.dash-goalbar i{display:block;height:100%;background:linear-gradient(90deg,var(--magenta-500),var(--magenta-400));border-radius:999px}.dash-rew{display:flex;align-items:center;gap:13px}.dash-rew+.dash-rew{margin-top:14px}.dash-rew-ico{width:40px;height:40px;flex-shrink:0;border-radius:var(--r);background:var(--sunken);color:var(--ink-soft);display:flex;align-items:center;justify-content:center}.dash-rew-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.dash-rew-name{font-weight:700;font-size:13.5px;color:var(--ink)}.dash-rew-xp{font-size:11.5px;font-weight:700;color:var(--color-primary)}.dash-rbar{height:5px;background:var(--sunken);border-radius:999px;overflow:hidden}.dash-rbar i{display:block;height:100%;background:var(--color-primary);border-radius:999px}.dash-path{padding:20px;display:flex;align-items:center;gap:14px;cursor:pointer;background:var(--espresso);border-radius:var(--r);color:#fff;text-decoration:none;transition:transform .18s ease}.dash-path:hover{transform:translateY(-2px)}.dash-path-ico{width:42px;height:42px;flex-shrink:0;border-radius:var(--r);background:#ffffff1f;display:flex;align-items:center;justify-content:center}.dash-path-t{display:block;font-family:var(--hero-font);font-weight:600;font-size:16px}.dash-path-s{display:block;font-size:12px;color:#fff9;margin-top:2px}@media(max-width:860px){.dash-grid{grid-template-columns:1fr}.dash-hero{font-size:34px}}.dash-wrap{padding-top:2.25rem;padding-bottom:3rem}.dash-continue-text{max-width:74%;text-align:left}.dash-grow{flex:1}.dash-note-flush{margin-top:0}.tweaks-fab{position:fixed;left:22px;bottom:22px;z-index:1200;width:46px;height:46px;border-radius:999px;cursor:pointer;background:var(--espresso);color:#fff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #3c2d1947;transition:transform .18s ease}.tweaks-fab svg{transition:transform .18s ease}.tweaks-fab:hover svg{transform:rotate(30deg) scale(1.06)}.tweaks-panel{position:fixed;left:22px;bottom:78px;z-index:1200;width:260px;padding:18px;background:var(--panel);border:1px solid var(--hair);border-radius:8px;box-shadow:0 20px 48px #3c2d1938}.tweaks-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tweaks-title{font-family:var(--hero-font);font-weight:600;font-size:18px;color:var(--ink)}.tweaks-close{background:transparent;border:none;cursor:pointer;color:var(--ink-mute);display:flex}.tweaks-section{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-mute);margin:16px 0 8px}.tweaks-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.tweaks-lbl{font-size:13px;color:var(--ink)}.tweaks-val{font-size:12px;font-weight:700;color:var(--ink-soft)}.tweaks-sublbl{font-size:12px;color:var(--ink-soft);margin-bottom:7px}.tweaks-slider{width:100%;accent-color:var(--color-primary);cursor:pointer}.tweaks-colors{display:flex;gap:9px;margin-bottom:6px}.tweaks-color{width:42px;height:42px;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:border-color .15s}.tweaks-color.on{border-color:var(--ink)}.tweaks-radio{display:flex;gap:6px}.tweaks-chip{flex:1;font-size:12px;padding:7px 6px;border:1px solid var(--hair);background:transparent;color:var(--ink-soft);border-radius:var(--r);cursor:pointer;transition:all .15s}.tweaks-chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tweaks-select{width:100%;padding:8px 10px;border:1px solid var(--hair);border-radius:var(--r);background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:13px;cursor:pointer}.nav-link{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);text-decoration:none;white-space:nowrap;padding-bottom:4px;position:relative;transition:color .15s ease}.nav-link:hover{color:var(--ink)}.nav-link.on{color:var(--ink);font-weight:700}.nav-link.on:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--color-primary)}.nav-streak{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13.5px;color:var(--color-primary)}.nav-kyt{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--ink-soft);padding:4px;border-radius:var(--r);transition:color .15s ease,transform .15s ease}.nav-kyt:hover{color:var(--color-primary);transform:scale(1.1)}.nav-ava{width:34px;height:34px;border-radius:999px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;border:none;cursor:pointer;transition:transform .15s ease}.nav-ava:hover{transform:scale(1.06)}.page-header{padding-top:.5rem;margin-bottom:1.25rem}.page-header h1{font-size:2.4rem;margin:0 0 .5rem;color:var(--color-text)}.page-header .dash-eyebrow{margin-bottom:8px}.page-subtitle{margin:0;color:var(--ink-soft);font-style:italic;font-size:1.05rem}html[data-play=elegant] *,html[data-play=elegant] *:before,html[data-play=elegant] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}html[data-play=elegant] .dash-continue:hover,html[data-play=elegant] .dash-quick:hover,html[data-play=elegant] .lcard:hover,html[data-play=elegant] .dash-path:hover,html[data-play=elegant] .tweaks-fab:hover,html[data-play=elegant] .nav-streak,html[data-play=elegant] .tip:hover:after{transform:none!important}html[data-play=playful] .dash-continue{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}html[data-play=playful] .dash-continue:hover{transform:translateY(-4px) scale(1.01)}html[data-play=playful] .dash-quick:hover{transform:translateY(-4px)}html[data-play=playful] .lcard:hover{transform:translateY(-6px) rotate(-.5deg)}html[data-play=playful] .dash-path:hover{transform:translateY(-4px) scale(1.01)}html[data-play=playful] .tweaks-fab:hover svg{transform:rotate(40deg) scale(1.12)}html[data-play=playful] .nav-streak{animation:streak-pulse 1.6s ease-in-out infinite}html[data-play=playful] .page-subtitle,html[data-play=playful] .dash-eyebrow{font-family:var(--font-hand);text-transform:none;font-style:normal;letter-spacing:.01em;font-size:1.45rem;line-height:1.1}html[data-play=playful] .lesson-done{font-family:var(--font-hand)!important;text-transform:none!important;letter-spacing:0!important;font-size:1.05rem!important;transform:rotate(-4deg)}html[data-play=playful] .lcard,html[data-play=playful] .dash-quick{animation:pop-in .35s cubic-bezier(.34,1.56,.64,1) both}html[data-play=elegant] .lesson-done{transform:none!important}.hand{font-family:var(--font-hand);font-weight:600;line-height:1.1}@keyframes streak-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes pop-in{0%{opacity:0;transform:scale(.94) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.tip{position:relative}.tip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(2px);background:var(--espresso);color:var(--paper);font-size:.72rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;max-width:min(240px,90vw);padding:.3rem .55rem;border-radius:var(--r);box-shadow:0 4px 14px #3c2d1938;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:1300}.tip:hover:after,.tip:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.tip.tip-below:after{bottom:auto;top:calc(100% + 6px)}.tip.tip-left:after{left:0;right:auto;transform:translate(0) translateY(2px)}.tip.tip-left:hover:after,.tip.tip-left:focus-visible:after{transform:translate(0) translateY(0)}.tip.tip-right:after{left:auto;right:0;transform:translate(0) translateY(2px)}.tip.tip-right:hover:after,.tip.tip-right:focus-visible:after{transform:translate(0) translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.dash-continue:hover,.dash-quick:hover,.lcard:hover,.dash-path:hover,.tweaks-fab:hover,.nav-streak,.tip:hover:after{transform:none!important}}.grid{display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.text-xs{font-size:.7rem}.text-sm{font-size:.75rem}.text-base{font-size:.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.song-card-controls{display:flex;align-items:flex-start;gap:1.5rem}.drag-handle{cursor:grab;padding:.5rem;color:var(--color-secondary);display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .2s;flex-shrink:0}.grip-icon{width:20px;height:20px}.play-button{width:64px;height:64px;background:linear-gradient(135deg,#38301fe6,#416f8ce6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 32px #38301f66;flex-shrink:0;transition:all .3s}.play-button.playing{background:linear-gradient(135deg,#b51f65e6,#dd3379e6);box-shadow:0 8px 32px #b51f6580}.play-icon{width:24px;height:24px}.song-card-wrapper{display:flex;gap:1rem;align-items:flex-start}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-default{color:var(--color-text)}.bg-primary-soft{background:var(--color-primary-transparent)}.bg-secondary-soft{background:var(--color-secondary-transparent)}.p-0{padding:0}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.pt-1{padding-top:.5rem}.pt-2{padding-top:1rem}.pt-3{padding-top:1.5rem}.pt-4{padding-top:2rem}.pb-1{padding-bottom:.5rem}.pb-2{padding-bottom:1rem}.pb-3{padding-bottom:1.5rem}.pb-4{padding-bottom:2rem}.pl-1{padding-left:.5rem}.pl-2{padding-left:1rem}.pl-3{padding-left:1.5rem}.pr-1{padding-right:.5rem}.pr-2{padding-right:1rem}.pr-3{padding-right:1.5rem}.m-0{margin:0}.m-1{margin:.5rem}.m-2{margin:1rem}.m-3{margin:1.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.5rem}.mr-2{margin-right:1rem}.ml-1{margin-left:.5rem}.ml-2{margin-left:1rem}.font-bold{font-weight:700}.text-lg{font-size:1rem}.text-xl{font-size:1.25rem}.uppercase{text-transform:uppercase}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-95{opacity:.95}.w-full{width:100%}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-start{align-items:flex-start}.justify-center{justify-content:center}@media(max-width:600px){.modal-backdrop{padding:.5rem!important}[style*="maxWidth: 900px"][style*="maxHeight: 90vh"]{max-height:95vh!important}[style*="position: sticky"][style*="zIndex: 10"]{padding:1rem!important}[style*="position: sticky"][style*="zIndex: 10"] h2{font-size:1.125rem!important}.modal-body{padding:.75rem!important}[style*="position: sticky"] button[style*="width: 36px"]{width:32px!important;height:32px!important}[style*="position: sticky"] button[style*="width: 36px"] svg{width:18px!important;height:18px!important}}@media(max-width:480px){.modal-backdrop{padding:.25rem!important}[style*="position: sticky"][style*="zIndex: 10"]{padding:.75rem!important}[style*="position: sticky"][style*="zIndex: 10"] h2{font-size:1rem!important}.modal-body{padding:.5rem!important}[style*="position: sticky"] button[style*="width: 36px"]{width:28px!important;height:28px!important}[style*="position: sticky"] button[style*="width: 36px"] svg{width:16px!important;height:16px!important}}@media(max-width:320px){.modal-backdrop{padding:0!important}[style*="maxWidth: 900px"][style*="maxHeight: 90vh"]{max-height:100vh!important;border-radius:0!important}[style*="position: sticky"][style*="zIndex: 10"]{padding:.5rem!important;border-radius:0!important}[style*="position: sticky"][style*="zIndex: 10"] h2{font-size:.9375rem!important}.modal-body{padding:.375rem!important}}@media(max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}@media(max-width:720px){.container,.container-sm{padding:0 1rem}}@media(max-width:480px){.container,.container-sm{padding:0 .75rem}}@media(max-width:375px){.container,.container-sm{padding:0 .5rem}}@media(max-width:720px){.card{padding:1rem}.card h3{font-size:1rem;word-break:keep-all;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.badge{font-size:.65rem;padding:.2rem .6rem}.song-header{flex-wrap:wrap!important}.song-header h3{flex-shrink:0;min-width:0}.song-actions{flex-wrap:wrap!important}.song-actions button{font-size:.7rem!important;padding:.2rem .4rem!important}.song-actions button svg{width:12px!important;height:12px!important}}@media(max-width:480px){.card{padding:.75rem}.card h3{font-size:.9rem}.badge{font-size:.6rem;padding:.15rem .5rem}.song-actions button{font-size:.65rem!important;padding:.15rem .35rem!important}.song-actions button svg{width:11px!important;height:11px!important}}@media(max-width:375px){.card{padding:.6rem}.card h3{font-size:.85rem}}@media(max-width:720px){.song-card-controls{gap:.75rem}.drag-handle{padding:.25rem}.grip-icon{width:18px;height:18px}.play-button{width:48px;height:48px}.play-icon{width:20px;height:20px}}@media(max-width:899px){.song-card-wrapper{display:flex;flex-direction:column;gap:.75rem}.song-card-controls{gap:.6rem;flex-direction:row;align-items:center;justify-content:flex-start}.play-button{width:44px;height:44px}.play-icon{width:18px;height:18px}.grip-icon{width:17px;height:17px}.song-card-wrapper>div:not(.song-card-controls){width:100%}}@media(max-width:480px){.song-card-controls{gap:.5rem}.play-button{width:40px;height:40px}.play-icon{width:16px;height:16px}.grip-icon{width:15px;height:15px}}@media(max-width:375px){.song-card-controls{gap:.4rem}.play-button{width:38px;height:38px}.play-icon{width:15px;height:15px}.grip-icon{width:14px;height:14px}.drag-handle{padding:.2rem}}@media(max-width:320px){.song-card-controls{gap:.3rem}.play-button{width:36px;height:36px}.play-icon{width:14px;height:14px}.grip-icon{width:13px;height:13px}.drag-handle{padding:.15rem}}@media(max-width:768px){.desktop-nav{display:none!important}.mobile-menu-button,.mobile-nav{display:flex!important}}@media(max-width:480px){header{padding:.75rem 0!important}header .container>div{gap:.5rem}header a[href="/dashboard"] span{font-size:1rem!important}}@media(max-width:720px){.about-eva-wrapper{flex-direction:column!important;align-items:center!important;text-align:center}.about-eva-icon{width:100px!important;height:100px!important}.about-eva-icon svg{width:50px!important;height:50px!important}.about-eva-content h2{font-size:1.25rem!important}.about-eva-content p{font-size:.9375rem!important}.about-eva-stats{justify-content:center!important}}@media(max-width:480px){.about-eva-wrapper{gap:1rem!important}.about-eva-icon{width:80px!important;height:80px!important}.about-eva-icon svg{width:40px!important;height:40px!important}.about-eva-content h2{font-size:1.125rem!important;margin-bottom:.75rem!important}.about-eva-content p{font-size:.875rem!important;margin-bottom:.75rem!important}.about-eva-stats{gap:1rem!important;margin-top:1rem!important}.about-eva-stats span{font-size:.8125rem!important}}@media(max-width:400px){.item-card-responsive .item-card-main-content{min-width:100%!important}.item-card-responsive .item-card-left-controls{width:100%;justify-content:center}}@media(max-width:600px){.note-name-responsive{display:none!important}.item-card-responsive{padding:.75rem!important;max-width:100vw!important;overflow-x:hidden!important}.item-card-responsive *{max-width:100%!important}.item-card-responsive>div>div[style*=marginTop]{margin-top:0!important}.item-card-responsive h3{font-size:.9375rem!important}.item-card-responsive .form-label{font-size:.75rem!important;margin-bottom:.25rem!important}.item-card-responsive .form-input{font-size:.8125rem!important;padding:.5rem!important}.item-card-responsive .form-group{margin-bottom:.5rem!important}.item-card-responsive [style*=marginBottom][style*=padding]{margin-bottom:.75rem!important;padding:.75rem!important}.item-card-responsive button[style*=minWidth]{min-width:28px!important;min-height:28px!important;padding:.35rem!important}.item-card-responsive button[style*=minWidth] svg{width:13px!important;height:13px!important}.item-card-responsive button[style*=minWidth]:last-child{display:none!important}.item-card-responsive>div>div:first-child>div:last-child{gap:.1rem!important;justify-content:flex-start!important;margin:0!important}.item-card-responsive .action-button-group{justify-content:flex-start!important;width:auto!important;margin:0!important;gap:.1rem!important}.item-card-responsive div[style*=marginLeft]>div{margin-left:0!important}.item-card-responsive div[style*=justifyContent][style*=flex-end]{justify-content:flex-start!important;width:auto!important;margin:0!important}.item-card-main-content,.item-card-responsive div[style*=minWidth]{min-width:0!important}.item-card-responsive div[style*="marginLeft: auto"]{margin-left:0!important;order:-1!important}.item-card-responsive .item-card-main-content>div:nth-child(3){justify-content:flex-start!important;flex-direction:column!important;align-items:flex-start!important}.item-card-responsive div[style*="width: 100%"][style*=gap]{width:auto!important}}@media(max-width:320px){.note-name-responsive{display:none!important}.item-card-responsive{padding:.5rem!important;max-width:100vw!important;overflow-x:hidden!important}.item-card-responsive *{max-width:100%!important}.item-card-responsive>div>div[style*=marginTop]{margin-top:0!important}.item-card-responsive h3{font-size:.875rem!important}.item-card-responsive .form-label{font-size:.6875rem!important}.item-card-responsive .form-input{font-size:.75rem!important;padding:.375rem!important}.item-card-responsive .form-group{margin-bottom:.375rem!important}.item-card-responsive [style*=marginBottom][style*=padding]{margin-bottom:.5rem!important;padding:.5rem!important}.item-card-responsive button[style*=minWidth]{min-width:28px!important;min-height:28px!important;padding:.3rem!important}.item-card-responsive button[style*=minWidth] svg{width:12px!important;height:12px!important}.item-card-responsive>div>div:first-child>div:last-child{gap:.1rem!important;justify-content:flex-start!important}.item-card-responsive div[style*=justifyContent][style*=flex-end]{justify-content:flex-start!important}table{font-size:.65rem!important}table th,table td{padding:0 .15rem .15rem!important}table code{font-size:.625rem!important}}@media(max-width:600px){[style*="maxWidth: 900px"] h1{font-size:1.5rem!important}[style*="maxWidth: 900px"] h3{font-size:1rem!important;margin-bottom:.5rem!important}[style*="maxWidth: 900px"] .badge{font-size:.65rem!important;padding:.2rem .6rem!important}[style*="maxWidth: 900px"] [style*="display: flex"][style*="gap: 1rem"][style*="padding: 1.5rem"]{padding:.75rem!important;gap:.5rem!important}[style*="maxWidth: 900px"] [style*="flex: 1"][style*="textAlign: center"][style*="fontSize: 1.5rem"]{font-size:1.125rem!important;padding:.75rem!important}[style*="maxWidth: 900px"] ol{padding-left:1rem!important;gap:.5rem!important}[style*="maxWidth: 900px"] button[style*="padding: 1rem 2rem"]{padding:.75rem 1.5rem!important;font-size:.875rem!important}[style*="maxWidth: 900px"]>div>div{padding-left:.5rem!important;padding-right:.5rem!important}}@media(max-width:480px){[style*="maxWidth: 900px"] h1{font-size:1.25rem!important}[style*="maxWidth: 900px"] h3{font-size:.9375rem!important}[style*="maxWidth: 900px"] .badge{font-size:.6rem!important;padding:.15rem .5rem!important}[style*="maxWidth: 900px"] [style*="display: flex"][style*="gap: 1rem"][style*="padding: 1.5rem"]{padding:.5rem!important;gap:.4rem!important}[style*="maxWidth: 900px"] [style*="flex: 1"][style*="textAlign: center"][style*="fontSize: 1.5rem"]{font-size:1rem!important;padding:.5rem!important}[style*="maxWidth: 900px"] button[style*="padding: 1rem 2rem"]{padding:.625rem 1.25rem!important;font-size:.8125rem!important}[style*="maxWidth: 900px"]>div>div{padding-left:.375rem!important;padding-right:.375rem!important}}@media(max-width:320px){[style*="maxWidth: 900px"] h1{font-size:1.125rem!important;margin-bottom:.5rem!important}[style*="maxWidth: 900px"] h3{font-size:.875rem!important;margin-bottom:.375rem!important}[style*="maxWidth: 900px"] p{font-size:.8125rem!important}[style*="maxWidth: 900px"] .badge{font-size:.5625rem!important;padding:.125rem .4rem!important}[style*="maxWidth: 900px"] [style*="display: flex"][style*="gap: 1rem"][style*="padding: 1.5rem"]{padding:.375rem!important;gap:.3rem!important;margin-bottom:1rem!important}[style*="maxWidth: 900px"] [style*="flex: 1"][style*="textAlign: center"][style*="fontSize: 1.5rem"]{font-size:.875rem!important;padding:.375rem!important}[style*="maxWidth: 900px"] ol{padding-left:.75rem!important;gap:.375rem!important}[style*="maxWidth: 900px"] button[style*="padding: 1rem 2rem"]{padding:.5rem 1rem!important;font-size:.75rem!important}[style*="maxWidth: 900px"] svg{width:16px!important;height:16px!important}[style*="maxWidth: 900px"]>div>div{padding-left:.25rem!important;padding-right:.25rem!important}[style*="maxWidth: 900px"] [style*="marginBottom: 1.5rem"]{margin-bottom:.75rem!important}[style*="maxWidth: 900px"] [style*="marginBottom: 2rem"]{margin-bottom:1rem!important}[style*="maxWidth: 900px"] [style*="paddingBottom: 1.5rem"]{padding-bottom:.75rem!important}}@media(max-width:600px){input[type=date]{font-size:.75rem}}