:root{--bg: #F7EFE3;--card: #FFFaf3;--orange: #D9662B;--orange-dark: #B9521D;--orange-soft: #F6D9C4;--ink: #2B2118;--muted: #6B5B4B;--line: #E4D6C3;--ok: #2F7D4F;--ok-bg: #E3F2E7;--warn-bg: #FCEBD8;--radius: 18px;--tab-h: 76px;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--ink)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:20px;line-height:1.5;-webkit-text-size-adjust:100%}h1{font-size:30px;line-height:1.2;margin:8px 0 12px}h2{font-size:23px;line-height:1.25;margin:0 0 8px}h3{font-size:20px;margin:18px 0 8px}h3 small{font-weight:400;color:var(--muted);font-size:16px}p{margin:0 0 12px}a{color:var(--orange-dark)}.lead{font-size:21px}.muted{color:var(--muted);font-size:17px}.center{text-align:center}.mt{margin-top:28px}.mt-s{margin-top:12px}.kicker{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--orange-dark);margin-bottom:4px}.highlight{background:var(--orange-soft);border-radius:14px;padding:14px 16px;font-weight:700}.error{color:#a3271b;font-weight:600}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:60px;padding:14px 20px;margin:10px 0;border:0;border-radius:16px;background:var(--orange);color:#fff;font:inherit;font-size:21px;font-weight:700;text-decoration:none;cursor:pointer}.btn:active{background:var(--orange-dark)}.btn:disabled{opacity:.5}.btn-secondary{background:transparent;color:var(--orange-dark);border:2px solid var(--orange)}.btn-secondary:active{background:var(--orange-soft)}.btn-small{width:auto;min-height:48px;margin:0;font-size:18px;padding:8px 18px}.link{display:block;background:none;border:0;color:var(--orange-dark);font:inherit;font-size:18px;text-decoration:underline;padding:12px 0;margin:0 auto;cursor:pointer}.back{background:none;border:0;color:var(--orange-dark);font:inherit;font-size:19px;font-weight:600;padding:8px 0;cursor:pointer}input,textarea{width:100%;font:inherit;font-size:21px;padding:16px;border-radius:14px;border:2px solid var(--line);background:#fff;color:var(--ink)}input:focus,textarea:focus{outline:3px solid var(--orange-soft);border-color:var(--orange)}.code-input{text-align:center;font-size:36px;letter-spacing:.4em;font-weight:700}.shell{min-height:100dvh}.content{max-width:560px;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) 18px calc(var(--tab-h) + 24px + env(safe-area-inset-bottom))}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff8ee;border-top:1px solid var(--line)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);text-decoration:none;font-size:15px;font-weight:600}.tab.active{color:var(--orange-dark)}.footer-note{display:block;text-align:center;color:var(--muted);font-size:15px;margin-top:28px}.page-header h1{margin-top:4px}.splash{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700}.logo-dot{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 50% 70%,var(--orange) 55%,#F2B84B 56%);margin:0 auto 8px}.login,.onboarding,.player-page,.micro{max-width:520px;margin:0 auto;min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.login{justify-content:center;text-align:left}.login h1,.onboarding{text-align:center}.onboarding .card,.onboarding .steps,.onboarding .reminders{text-align:left}.dots{display:flex;gap:6px;justify-content:center;margin-bottom:8px}.dots span{width:10px;height:10px;border-radius:50%;background:var(--line)}.dots span.on{background:var(--orange)}.onboarding .back{align-self:flex-start}.art{display:block;margin:8px auto}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:14px 0}.card.ok{background:var(--ok-bg);border-color:#bfe0c9;color:var(--ok);font-weight:600}.card.warn{background:var(--warn-bg);border-color:#f1cfa9}.card.info{background:#fff}.card-main{border:2px solid var(--orange)}.card-link{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;color:inherit}.card-link h2{margin:0}.hello{margin-bottom:0}.streak{font-size:19px;color:var(--muted)}.checklist{list-style:none;padding:0;margin:0}.checklist li{border-top:1px solid var(--line)}.checklist li:first-child{border-top:0}.checklist a{display:flex;align-items:center;gap:12px;min-height:56px;color:var(--ink);text-decoration:none}.checklist a:before{content:"";width:30px;height:30px;flex:none;border-radius:9px;border:2px solid var(--line);background:#fff}.checklist .done a:before{content:"✓";color:#fff;background:var(--ok);border-color:var(--ok);display:grid;place-items:center;font-weight:800}.tip h3{margin-top:0}.audio-card{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;color:inherit}.audio-card p{margin-bottom:4px}.audio-card .play{flex:none;width:60px;height:60px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:24px}.audio-card.locked{opacity:.9;border-style:dashed}.offline{color:var(--ok);font-size:16px;font-weight:600}.player-page h1,.player-page .kicker{text-align:center}.big-play{width:168px;height:168px;border-radius:50%;border:0;margin:18px auto;background:var(--orange);color:#fff;font-size:56px;cursor:pointer;box-shadow:0 10px 30px #d9662b59}.big-play.is-playing{animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.04)}}.progress{padding:0;height:32px;border:0;background:transparent;accent-color:var(--orange)}.times-row{display:flex;justify-content:space-between;color:var(--muted);font-size:17px}.done-box{text-align:center;margin-top:30px}.done-check{width:110px;height:110px;border-radius:50%;background:var(--ok);color:#fff;font-size:60px;display:grid;place-items:center;margin:0 auto 16px}.scale{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.scale button{min-height:54px;border-radius:12px;border:2px solid var(--line);background:#fff;font:inherit;font-size:21px;font-weight:700;color:var(--ink);cursor:pointer}.scale button.on{background:var(--orange);border-color:var(--orange);color:#fff}.scale-legend{display:flex;justify-content:space-between;color:var(--muted);font-size:15px;margin:6px 0 4px}.seg{display:flex;gap:8px;margin:8px 0 12px}.seg.wrap{flex-wrap:wrap}.seg button{flex:1;min-height:54px;border-radius:12px;border:2px solid var(--line);background:#fff;font:inherit;font-size:19px;font-weight:700;color:var(--ink);cursor:pointer;padding:0 12px}.seg button.on{background:var(--orange);border-color:var(--orange);color:#fff}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 8px;text-align:center}.stat b{display:block;font-size:28px}.stat span{font-size:14px;color:var(--muted)}.chart-tip{text-align:center;color:var(--muted);font-size:16px;margin:6px 0 0}.table{width:100%;border-collapse:collapse;font-size:16px}.table th,.table td{text-align:left;padding:8px 4px;border-top:1px solid var(--line)}.table th{color:var(--muted);font-weight:600;border-top:0}.menu{list-style:none;padding:0;margin:0 0 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.menu li+li{border-top:1px solid var(--line)}.menu a{display:flex;align-items:center;gap:14px;min-height:64px;padding:0 16px;color:var(--ink);text-decoration:none;font-weight:600}.menu em{margin-left:auto;font-style:normal;color:var(--muted);font-size:28px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:var(--ink);font-weight:700;font-size:18px}.steps{padding-left:26px}.steps li{margin:10px 0}.steps.big li{font-size:21px;margin:14px 0}.bullets li{margin:8px 0}.step-img{display:block;width:100%;max-width:280px;border-radius:12px;margin-top:8px;border:1px solid var(--line)}.details summary{font-weight:700;font-size:21px;cursor:pointer;min-height:32px}.details p{margin:10px 0 0}.reminders .times{display:grid;grid-template-columns:1fr 1fr;gap:10px}.time-row{display:block;margin-top:14px;font-weight:600}.time-row span{display:block;margin-bottom:6px}.support .btn{margin:8px 0}.micro{align-items:stretch}.micro h1{text-align:center}.countdown{font-size:64px;font-weight:800;color:var(--orange);text-align:center;margin:4px 0}.breath{width:200px;height:200px;margin:16px auto;border-radius:50%;background:var(--orange-soft);display:grid;place-items:center;text-align:center;font-weight:700;padding:20px;transition:transform 4s ease-in-out}.breath.in{transform:scale(1.15);transition-duration:4s}.breath.out{transform:scale(.85);transition-duration:6s}@media (min-width: 600px){.scale{grid-template-columns:repeat(11,1fr)}}
