:root{--text:#3d3a4d;--text-h:#1a1830;--bg:#fff8ee;--card-bg:#fff;--border:#f0e2c8;--primary:#ff6b35;--primary-dark:#e0551f;--secondary:#2ec4b6;--shadow:#3c280a1f 0 6px 16px -4px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font:18px/1.5 system-ui,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}h1,h2,h3{color:var(--text-h)}.app{flex-direction:column;min-height:100svh;display:flex}.beach-bg{z-index:-1;pointer-events:none;background:linear-gradient(#ffdca8 0%,#ffb199 20%,#a3ddf5 40%,#4fb3d9 46%,#2f8fc0 76%,#ecd39c 79%,#d9b878 100%);position:fixed;inset:0;overflow:hidden}.beach-sun{top:6%;background:radial-gradient(circle at 35% 35%,#fff6d0,#ffd166 60%,#ffb703 100%);border-radius:50%;width:90px;height:90px;position:absolute;inset-inline-end:8%;box-shadow:0 0 60px 20px #ffd16673}.beach-waves{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='24' viewBox='0 0 100 24'><path d='M0 12 Q25 0 50 12 T100 12 V24 H0 Z' fill='white' fill-opacity='0.35'/></svg>");background-repeat:repeat-x;background-size:100px 24px;height:24px;position:absolute;top:40%;left:0;right:0}.beach-palm{opacity:.9;position:absolute;bottom:6%}.beach-palm--left{inset-inline-start:2%}.beach-palm--right{inset-inline-end:3%;bottom:8%}.beach-float{top:48%;opacity:.85;position:absolute;inset-inline-start:6%}@media (width<=640px){.beach-palm,.beach-float{transform:scale(.65)}.beach-palm--left{inset-inline-start:-4%}.beach-palm--right{inset-inline-end:-3%}}.station-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.back-button{border:2px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:700}.main{text-align:center;flex:1;width:100%;max-width:900px;margin:0 auto;padding:24px 16px 48px}.home-hero{font-size:90px;line-height:1}.home-sub{margin-bottom:32px;font-size:20px}.big-button{background:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:20px;min-width:260px;padding:18px 36px;font-size:20px;font-weight:700}.big-button:hover{background:var(--primary-dark)}.big-button:disabled,.quiz-next:disabled{opacity:.5;cursor:not-allowed;background:var(--border);color:var(--text)}.chords-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:20px;display:grid}.chord-card{background:var(--card-bg);border:2px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:16px}.chord-card h3{margin:0 0 8px;font-size:26px}.chord-hebrew{color:var(--text);font-size:15px;font-weight:400}.chord-tip{color:var(--text);margin-top:10px;font-size:14px}.quiz-stats{justify-content:space-between;margin-bottom:8px;font-size:18px;font-weight:700;display:flex}.quiz-diagram{color:var(--text-h);justify-content:center;margin:16px 0;display:flex}.quiz-options{grid-template-columns:repeat(2,1fr);gap:12px;max-width:480px;margin:0 auto;display:grid}.quiz-option{border:2px solid var(--border);background:var(--card-bg);color:var(--text-h);cursor:pointer;border-radius:16px;padding:16px;font-size:18px;font-weight:700}.quiz-option-hebrew{font-size:14px;font-weight:400;display:block}.quiz-option--correct{color:#fff;background:#2ec4b6;border-color:#2ec4b6}.quiz-option--disabled{opacity:.5}.quiz-feedback{margin-top:20px;font-size:20px;font-weight:700}.quiz-feedback--correct{color:#2ec4b6}.quiz-feedback--wrong{color:#e74c3c}.quiz-next{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:999px;margin:14px auto 0;padding:10px 24px;font-size:16px;font-weight:700;display:block}.quiz-round{opacity:.7;margin-top:24px;font-size:14px}@media (width<=480px){.quiz-options{grid-template-columns:1fr}}.path{flex-direction:column;align-items:center;margin-top:20px;display:flex}.path-row{flex-direction:column;align-items:flex-start;width:100%;max-width:360px;display:flex}.path-row--right{align-items:flex-end}.path-station{font:inherit;background:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:999px;align-items:center;gap:10px;padding:16px 22px;font-size:17px;font-weight:700;display:flex;position:relative}.path-station:hover{background:var(--primary-dark)}.path-station-icon{font-size:26px}.path-ocean{padding:20px 16px 28px}.path-sea{align-items:center;gap:6px;margin:4px 30px;display:flex}.path-row--right .path-sea{align-self:flex-end}.path-line{background:#6ec6e8;border-radius:2px;width:30px;height:4px}.songs-sub{margin-bottom:20px}.songs-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.song-card{background:var(--card-bg);border:2px solid var(--border);box-shadow:var(--shadow);text-align:right;border-radius:18px;padding:18px}.song-card h3{margin:0 0 4px;font-size:19px}.song-artist{opacity:.75;margin:0 0 8px;font-size:14px}.song-note{margin:0 0 14px;font-size:14px}.song-card .quiz-next{text-decoration:none;display:inline-block}.meitar-page{flex-direction:column;align-items:center;gap:16px;display:flex}.robot-face{margin-bottom:4px}.robot-mouth{transform-origin:100px 143px;transition:transform .1s}.robot-mouth--talking{animation:.28s ease-in-out infinite robot-talk}@keyframes robot-talk{0%,to{transform:scaleY(1)}50%{transform:scaleY(2.6)}}.robot-eyes{transform-origin:100px 92px;animation:4.5s infinite robot-blink}@keyframes robot-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.robot-antenna--listening{animation:.8s infinite robot-antenna-pulse}@keyframes robot-antenna-pulse{0%,to{r:7;opacity:1}50%{r:10;opacity:.6}}.meitar-bubble{background:var(--card-bg);border:2px solid var(--border);box-shadow:var(--shadow);border-radius:20px;max-width:480px;padding:16px 20px}.meitar-bubble p{margin:6px 0}.meitar-input{width:100%;max-width:480px;font:inherit;border:2px solid var(--border);background:var(--card-bg);color:var(--text);resize:vertical;border-radius:14px;padding:12px 14px}.meitar-chord,.meitar-listening{flex-direction:column;align-items:center;gap:8px;display:flex}.meitar-mic-pulse{font-size:40px;animation:1s ease-in-out infinite meitar-pulse}@keyframes meitar-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.25)}}.basics-step{opacity:.6;font-size:13px;font-weight:700;margin:0 0 6px!important}.finger-numbers{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.finger-numbers-item{flex-direction:column;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.finger-numbers-circle{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:800;display:flex}.song-topic-recap{opacity:.7;font-size:13px;font-weight:700}.meitar-song-lines{flex-direction:column;gap:4px;width:100%;max-width:480px;display:flex}.song-line{background:var(--card-bg);border:2px solid var(--border);opacity:.6;border-radius:12px;margin:0;padding:8px 14px;transition:opacity .2s,transform .2s}.song-line--active{opacity:1;border-color:var(--primary);transform:scale(1.03)}.finger-legend{opacity:.7;margin:0;font-size:13px}.meitar-retry-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.quiz-next--secondary{color:var(--text);border:2px solid var(--border);background:0 0}.run-intro{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.run-intro-text{max-width:480px;margin:0 auto}.run-best{font-weight:700}.run-track{background:linear-gradient(180deg, transparent 0%, transparent 70%, var(--border) 70%, var(--border) 100%);border-radius:16px;height:90px;margin:12px 0 20px;position:relative;overflow:hidden}.run-ground{background:var(--primary);opacity:.4;height:4px;position:absolute;bottom:0;left:0;right:0}.run-runner{font-size:42px;animation:.5s ease-in-out infinite run-bob;position:absolute;bottom:12px;right:8%;transform:scaleX(-1)}.run-runner--jump{animation:.55s ease-out run-jump}.run-runner--hit{animation:.8s ease-in-out run-hit}@keyframes run-bob{0%,to{transform:scaleX(-1)translateY(0)}50%{transform:scaleX(-1)translateY(-6px)}}@keyframes run-jump{0%{transform:scaleX(-1)translateY(0)}40%{transform:scaleX(-1)translateY(-34px)}to{transform:scaleX(-1)translateY(0)}}@keyframes run-hit{0%,to{transform:scaleX(-1)translate(0)rotate(0)}20%{transform:scaleX(-1)translate(10px)rotate(-8deg)}40%{transform:scaleX(-1)translate(-6px)rotate(6deg)}60%{transform:scaleX(-1)translate(4px)rotate(-4deg)}}.run-obstacle{font-size:34px;animation-name:run-approach;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;bottom:10px;right:100%}@keyframes run-approach{0%{right:100%}to{right:10%}}.run-question{text-align:center}