:root{--color-primary: #1769e8;--color-primary-dark: #0d2347;--color-accent-green: #31b94b;--color-background: #f8fbff;--color-surface: #ffffff;--color-text: #0d2347;--color-text-secondary: #52657f;--color-border: #dfe8f4}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-background);color:var(--color-text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;justify-content:center}.app-frame{width:100%;max-width:520px;min-height:100dvh;display:flex;flex-direction:column;background:var(--color-background)}.page{flex:1;display:flex;flex-direction:column;padding:16px 20px calc(24px + env(safe-area-inset-bottom))}.page--with-nav{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.app-header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:12px 8px}.app-header__title{text-align:center;font-size:17px;font-weight:600}.app-header__back{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-text);font-size:22px;border-radius:12px}.app-header__back:focus-visible{outline:2px solid var(--color-primary)}.progress{display:flex;justify-content:center;gap:10px;padding:8px 0 20px}.progress__dot{width:8px;height:8px;border-radius:50%;background:var(--color-border)}.progress__dot--active{background:var(--color-primary)}.btn-primary{display:block;width:100%;min-height:52px;background:var(--color-primary);color:#fff;border:none;border-radius:14px;font-size:17px;font-weight:600;cursor:pointer}.btn-primary:focus-visible{outline:3px solid var(--color-primary-dark);outline-offset:2px}.btn-primary:disabled{opacity:.5;cursor:default}.btn-link{display:block;width:100%;margin-top:14px;background:none;border:none;color:var(--color-primary);font-size:16px;font-weight:500;cursor:pointer;min-height:44px}.btn-danger{display:block;width:100%;min-height:52px;background:#fff;color:#c0392b;border:1px solid #e6b0aa;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:16px}.card+.card{margin-top:12px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--color-text);text-decoration:none;min-height:44px;text-align:center}.feature-card:focus-visible{outline:2px solid var(--color-primary)}.feature-card__icon{font-size:22px;color:var(--color-primary)}.product-figure{background:var(--color-surface);border-radius:20px;display:flex;justify-content:center;padding:12px;margin:20px 0}.product-figure img{width:100%;max-width:260px;height:auto;object-fit:contain}.product-figure--small img{max-width:180px}.step-list{list-style:none;display:flex;flex-direction:column;gap:10px}.step-item{display:flex;align-items:center;gap:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:14px}.step-item__num{flex:none;width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.info-banner{background:#eef4fd;border:1px solid var(--color-border);border-radius:14px;padding:14px;font-size:15px;color:var(--color-text);margin-top:16px}.info-banner--success{background:#edf9ef}.info-banner strong{display:block;margin-bottom:4px}.mode-card{display:flex;flex-direction:column;gap:4px}.mode-card__name{font-weight:600}.mode-card__wave{font-size:20px}.mode-card__desc{color:var(--color-text-secondary);font-size:15px}.stat-row{display:flex;align-items:center;justify-content:space-between}.stat-row__value{font-size:28px;font-weight:700}.stat-row__label{color:var(--color-text-secondary);font-size:15px}.week-grid{display:flex;justify-content:space-between;margin-top:16px}.week-day{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;color:var(--color-text-secondary)}.week-day__mark{width:28px;height:28px;border-radius:50%;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:14px}.week-day__mark--done{background:var(--color-accent-green);border-color:var(--color-accent-green);color:#fff}.week-day__mark--today{border-color:var(--color-primary);color:var(--color-primary);font-weight:700}.help-list{list-style:none;display:flex;flex-direction:column;gap:10px}.help-item a{display:flex;justify-content:space-between;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:16px 14px;color:var(--color-text);text-decoration:none;font-weight:500;min-height:44px}.help-item a:focus-visible{outline:2px solid var(--color-primary)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;display:flex;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0 8px;font-size:12px;color:var(--color-text-secondary);text-decoration:none;min-height:44px}.bottom-nav a.active{color:var(--color-primary);font-weight:600}.bottom-nav a:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.h1{font-size:26px;font-weight:700;line-height:1.25;text-align:center}.h2{font-size:20px;font-weight:700}.sub{color:var(--color-text-secondary);text-align:center;margin-top:8px}.center{text-align:center}.mt-auto{margin-top:auto}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.small-note{font-size:13px;color:var(--color-text-secondary);text-align:center;margin-top:14px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}