*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green-50: #f0faf4;--green-100: #d6f0e2;--green-200: #aadfc5;--green-400: #4a9b6f;--green-500: #3a7d5a;--green-600: #2d6147;--blue-50: #eef6fb;--blue-400: #6b9fd4;--gray-50: #f8f9fb;--gray-100: #eef0f3;--gray-200: #dde1e7;--gray-400: #8c96a3;--gray-600: #4a5568;--gray-900: #1a202c;--white: #ffffff;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.08);--shadow-lg: 0 20px 40px rgba(0,0,0,.14), 0 8px 16px rgba(0,0,0,.1);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--font: "Inter", system-ui, -apple-system, sans-serif;--header-h: 60px}html{font-size:16px}body{font-family:var(--font);background:var(--green-50);color:var(--gray-900);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100dvh}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}a{color:inherit}svg{display:block;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:100dvh;display:flex;flex-direction:column}.main{flex:1;max-width:480px;width:100%;margin:0 auto;padding:1rem 1rem 2rem;display:flex;flex-direction:column;gap:1rem}.header{background:var(--white);border-bottom:1px solid var(--gray-100);position:sticky;top:0;z-index:10;height:var(--header-h);box-shadow:var(--shadow-sm)}.header-inner{max-width:480px;margin:0 auto;height:100%;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.5rem}.logo-text{font-weight:700;font-size:1.1rem;color:var(--green-500);letter-spacing:-.3px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green-400);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.header-actions{display:flex;gap:.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;transition:filter .15s,transform .1s,background .15s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn--primary{background:var(--green-400);color:var(--white)}.btn--primary:hover{filter:brightness(1.07)}.btn--outline{background:transparent;border:2px solid var(--green-400);color:var(--green-400)}.btn--outline:hover{background:var(--green-50)}.btn--ghost{background:transparent;color:var(--gray-600)}.btn--ghost:hover{background:var(--gray-100)}.btn--sm{padding:.4rem .85rem;font-size:.82rem}.btn--xs{padding:.25rem .6rem;font-size:.75rem;border-radius:6px}.btn--full{width:100%}.icon-btn{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--gray-600);transition:background .15s,color .15s}.icon-btn:hover{background:var(--gray-100);color:var(--gray-900)}.banner{border-radius:var(--radius-md);padding:1rem 1.1rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;animation:fadeSlideIn .3s ease}.banner-content{display:flex;align-items:flex-start;gap:.75rem;flex:1;min-width:0}.banner-icon{font-size:1.4rem;flex-shrink:0;line-height:1}.banner strong{font-size:.95rem;display:block;margin-bottom:.1rem}.banner p{font-size:.83rem;color:var(--gray-600);margin:0}.banner--cta{background:var(--white);border:1.5px solid var(--green-200);box-shadow:var(--shadow-sm)}.banner--active{background:var(--green-50);border:1.5px solid var(--green-200)}.banner--warn{background:#fff8ec;border:1.5px solid #f5c842;gap:.5rem}.install-card{background:var(--blue-50);border:1.5px solid #c5dff0;border-radius:var(--radius-md);padding:1rem 1.1rem;animation:fadeSlideIn .3s ease}.install-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.install-card h3{font-size:.95rem}.install-card p{font-size:.83rem;color:var(--gray-600);margin-top:.15rem}.install-guide-intro{font-size:.84rem;color:var(--gray-600);margin-bottom:.6rem;line-height:1.5}.install-steps{padding-left:1.2rem;display:flex;flex-direction:column;gap:.35rem}.install-steps li{font-size:.84rem;color:var(--gray-600)}.install-steps--modal li{font-size:.9rem}.next-card{background:var(--white);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-md);animation:fadeSlideIn .3s ease}.next-card--empty{text-align:center;padding:2rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.next-card-label{font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-400);margin-bottom:.75rem}.next-card-body{display:flex;gap:1rem;align-items:center}.next-card-illustration{width:90px;height:90px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.next-svg{width:72px;height:72px}.next-card-info{flex:1;min-width:0}.next-card-name{font-size:1.15rem;font-weight:700;line-height:1.2;margin:.3rem 0 .2rem}.next-card-duration{font-size:.83rem;color:var(--gray-400)}.next-card-footer{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.status-note{font-size:.8rem;color:var(--gray-400);text-align:center}.zone-badge{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .55rem;border-radius:20px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f19148c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:0;animation:fadeIn .2s ease}@media (min-width: 500px){.modal-overlay{align-items:center;padding:1rem}}.modal-card{background:var(--white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:440px;padding:1.5rem 1.25rem 2rem;position:relative;overflow:hidden;animation:slideUp .3s cubic-bezier(.2,.8,.3,1);max-height:96dvh;overflow-y:auto}@media (min-width: 500px){.modal-card{border-radius:var(--radius-xl);animation:popIn .28s cubic-bezier(.2,.8,.3,1)}}.modal-zone-bar{position:absolute;top:0;left:0;right:0;height:5px;border-radius:3px 3px 0 0}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.modal-close{color:var(--gray-400)}.exercise-name{font-size:1.55rem;font-weight:800;letter-spacing:-.5px;line-height:1.15;margin-bottom:.6rem}.phase-dots{display:flex;gap:5px;justify-content:center;margin-bottom:.9rem}.phase-dot{width:7px;height:7px;border-radius:50%;background:var(--gray-200);transition:background .3s,transform .2s}.phase-dot--active{transform:scale(1.3)}.phase-dot--done{opacity:.4}.illustration-wrap{display:flex;justify-content:center;padding:.5rem 0;margin-bottom:1rem}.exercise-svg{width:150px;height:150px}.illustration-placeholder{width:150px;height:150px;background:var(--gray-100);border-radius:var(--radius-md)}.exercise-instruction{font-size:.95rem;color:var(--gray-600);line-height:1.65;margin-bottom:1.25rem;animation:fadeSlideIn .25s ease;min-height:3em}.countdown-wrap{display:flex;justify-content:center;align-items:center;position:relative;width:80px;height:80px;margin:0 auto 1.25rem}.countdown-ring{width:80px;height:80px}.countdown-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.countdown-number{font-size:1.5rem;font-weight:700;line-height:1}.countdown-label{font-size:.65rem;color:var(--gray-400)}.modal-footer{display:flex;gap:.75rem}.modal-footer .btn{flex:1;padding:.75rem}.modal-footer--start .btn--start{flex:2;font-size:1rem}.modal-footer--start .btn--snooze{flex:1.25;font-size:.88rem}.app-footer{text-align:center;padding:1rem 1rem 1.25rem;margin-top:auto}.app-footer__link{font-size:.75rem;color:var(--gray-400);text-decoration:underline}.app-footer__link:hover{color:var(--gray-600)}.install-modal{padding:1.5rem 1.5rem 1.75rem}.install-intro{font-size:.88rem;color:var(--gray-600);margin-bottom:1rem}.guide-title{font-size:.95rem;font-weight:600;margin-bottom:.75rem}.platform-tabs{display:flex;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap}.tab-btn{padding:.3rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1.5px solid var(--gray-200);color:var(--gray-600);transition:all .15s}.tab-btn--active{background:var(--green-400);border-color:var(--green-400);color:var(--white)}.panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f191473;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;display:flex;justify-content:flex-end;animation:fadeIn .2s ease}.settings-panel{background:var(--white);width:min(100%,380px);height:100%;overflow-y:auto;display:flex;flex-direction:column;animation:slideInRight .28s cubic-bezier(.2,.8,.3,1)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1px solid var(--gray-100);position:sticky;top:0;background:var(--white);z-index:1}.panel-header h2{font-size:1.1rem;font-weight:700}.panel-body{padding:.5rem 1.25rem 2rem;display:flex;flex-direction:column;gap:0}.setting-section{padding:1.1rem 0;border-bottom:1px solid var(--gray-100)}.setting-section:last-child{border-bottom:none}.setting-label{font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--gray-400);margin-bottom:.75rem}.setting-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.setting-label-row .setting-label{margin-bottom:0}.interval-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem}.range-input{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--green-100);border-radius:3px;outline:none}.range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--green-400);cursor:pointer;box-shadow:0 1px 4px #0003}.range-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--green-400);cursor:pointer;border:none}.interval-value{font-size:.95rem;font-weight:700;color:var(--green-400);min-width:3rem;text-align:right}.range-markers{display:flex;justify-content:space-between;font-size:.72rem;color:var(--gray-400);padding:0 2px}.day-grid{display:flex;gap:.4rem}.day-btn{flex:1;padding:.5rem 0;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;background:var(--gray-100);color:var(--gray-600);border:1.5px solid transparent;transition:all .15s}.day-btn--on{background:var(--green-50);border-color:var(--green-400);color:var(--green-500);font-weight:700}.hours-row{display:flex;align-items:center;gap:.75rem}.hours-to{color:var(--gray-400);font-size:.9rem}.hour-select-wrap{flex:1}.select-input{width:100%;padding:.55rem 2.25rem .55rem .75rem;border-radius:var(--radius-sm);border:1.5px solid var(--gray-200);background:var(--white);font:inherit;font-size:.9rem;color:var(--gray-900);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238c96a3' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;cursor:pointer}.select-input:focus{outline:none;border-color:var(--green-400)}.zone-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.zone-btn{padding:.55rem .75rem;border-radius:var(--radius-sm);font-size:.83rem;font-weight:500;background:var(--gray-100);color:var(--gray-600);border:1.5px solid transparent;text-align:left;transition:all .15s}.zone-btn--on{font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (min-width: 600px){.main{padding:1.5rem 1.25rem 3rem}.exercise-name{font-size:1.75rem}.exercise-svg{width:180px;height:180px}.next-card{padding:1.5rem}}