:root{color:#172554;background:#fff7ed;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}.app-shell{width:min(100%,440px);min-height:100vh;padding:max(18px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));margin:0 auto}.top-card,.group-card{border:1px solid #7c3aed29;box-shadow:0 16px 36px #0f172a1a}.top-card{background:#fffaf0;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.eyebrow,.card-label{color:#b45309;margin:0 0 8px;font-size:.82rem;font-weight:800}h1,h2{letter-spacing:0;margin:0}h1{font-size:1.8rem;line-height:1.15}h2{font-size:1.05rem}.subtitle{color:#475569;margin:8px 0;line-height:1.65}.save-indicator{color:#64748b;align-items:center;min-height:24px;font-size:.78rem;font-weight:800;display:inline-flex}.save-indicator-saving{color:#b45309}.save-indicator-saved{color:#15803d}.save-indicator-error{color:#b91c1c}.progress-bubble{color:#1d4ed8;background:#bfdbfe;border-radius:8px;flex:0 0 64px;place-items:center;width:64px;height:64px;font-weight:900;display:grid}.group-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.group-card{color:#172554;cursor:pointer;text-align:left;border-radius:8px;width:100%;min-height:132px;padding:14px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}.group-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px #0f172a24}.group-card:focus-visible{outline-offset:2px;outline:3px solid #2563eb4d}.group-card[aria-expanded=true]{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f,0 18px 34px #0f172a24}.group-card svg{flex:0 0 26px;width:26px;height:26px;margin-right:10px}.group-card-copy{align-content:start;gap:6px;min-width:0;display:grid}.group-card-copy strong{font-size:1.02rem}.group-card-copy>span{color:#475569;font-size:.84rem;line-height:1.45}.group-card-copy>span:last-child{color:#334155;font-size:.78rem;font-weight:800}.group-card-routine{background:#fef3c7}.group-card-body{background:#dcfce7}.group-card-learning{background:#e0f2fe}.group-card-expression{background:#fae8ff}.group-card-extra{background:#ede9fe;grid-column:1/-1}.track-editor-list{gap:14px;margin-top:14px;display:grid}.editor-card{background:#fff;border:1px solid #7c3aed29;border-radius:8px;padding:14px;box-shadow:0 12px 28px #0f172a14}.editor-prompt{color:#475569;margin:0;line-height:1.5}.target-label{color:#64748b;margin:14px 0 5px;font-size:.8rem;font-weight:800}.target-text{color:#172554;background:#eff6ff;border-left:4px solid #60a5fa;border-radius:4px;margin:0;padding:10px 12px;font-weight:800;line-height:1.55}.result-control{border:0;margin:14px 0 0;padding:0}.result-control legend{color:#334155;margin-bottom:7px;font-size:.9rem;font-weight:800}.segmented-control{grid-template-columns:1fr 1fr;gap:8px;display:grid}.segmented-control button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;min-height:44px;font-weight:900}.segmented-control button:first-child[aria-pressed=true]{color:#166534;background:#dcfce7;border-color:#16a34a}.segmented-control button:last-child[aria-pressed=true]{color:#991b1b;background:#fee2e2;border-color:#ef4444}.editor-card label{color:#334155;gap:6px;margin-top:12px;font-size:.9rem;font-weight:800;display:grid}.editor-card input,.editor-card select,.editor-card textarea{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px 12px}.primary-button{color:#fff;background:#2563eb;border:0;border-radius:8px;width:100%;margin-top:14px;padding:12px 14px;font-weight:900}.tomorrow-panel{background:#fff;border:1px solid #7c3aed29;border-radius:8px;margin-top:14px;padding:14px;box-shadow:0 12px 28px #0f172a14}.tomorrow-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.tomorrow-group{background:#f8fafc;border:1px solid #dbeafe;border-radius:8px;gap:10px;margin:10px 0 0;padding:10px 12px 12px;display:grid}.tomorrow-group legend{color:#1e3a8a;padding:0 6px;font-size:.9rem;font-weight:900}.tomorrow-group label{color:#334155;gap:6px;font-size:.84rem;font-weight:800;display:grid}.tomorrow-group input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:44px;padding:10px 12px}.tomorrow-group-routine{background:#fffbeb;border-color:#fcd34d}.tomorrow-group-body{background:#f0fdf4;border-color:#86efac}.tomorrow-group-learning{background:#f0f9ff;border-color:#7dd3fc}.tomorrow-group-expression{background:#fdf4ff;border-color:#e879f9}.tomorrow-group-extra{background:#f5f3ff;border-color:#c4b5fd}.warning-text{color:#b91c1c;margin:12px 2px 0;font-size:.86rem;font-weight:800}.saved-text{color:#166534;text-align:center;font-weight:900}.backup-panel{background:#fff;border:1px solid #7c3aed29;border-radius:8px;margin-top:14px;padding:14px;box-shadow:0 12px 28px #0f172a14}.review-panel{background:#fef3c7;border:1px solid #7c3aed29;border-radius:8px;margin-top:14px;padding:14px;box-shadow:0 12px 28px #0f172a14}.review-panel label{gap:8px;display:grid}.review-panel textarea{color:#0f172a;resize:vertical;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;width:100%;min-height:92px;padding:12px}.secondary-button,.file-label{color:#1d4ed8;text-align:center;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;width:100%;margin-top:10px;padding:12px 14px;font-weight:900;display:block}.file-label input{display:none}.reminder-panel{background:#fff;border:1px solid #7c3aed29;border-radius:8px;margin-top:14px;padding:14px;box-shadow:0 12px 28px #0f172a14}.reminder-panel label{color:#334155;gap:6px;margin-top:12px;font-size:.9rem;font-weight:800;display:grid}.reminder-panel input{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px 12px}@media (width<=360px){.app-shell{padding-inline:12px}.top-card{align-items:flex-start;padding:16px}h1{font-size:1.55rem}.progress-bubble{flex-basis:54px;width:54px;height:54px}.group-grid{grid-template-columns:1fr}.group-card-extra{grid-column:auto}}