:root{--color-primary: #1a73e8;--color-primary-light: #e8f0fe;--color-success: #34a853;--color-warning: #fbbc04;--color-error: #ea4335;--color-text: #202124;--color-text-secondary: #5f6368;--color-border: #dadce0;--color-bg: #f8f9fa;--color-card: #ffffff;--color-goal: #34a853;--tab-height: 56px;--safe-bottom: env(safe-area-inset-bottom, 0px)}:root.dark{--color-primary: #8ab4f8;--color-primary-light: #1d2a3a;--color-success: #81c995;--color-warning: #fdd663;--color-error: #f28b82;--color-text: #e8eaed;--color-text-secondary: #9aa0a6;--color-border: #3c4043;--color-bg: #121212;--color-card: #292a2d;--color-goal: #81c995;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;padding-bottom:calc(var(--tab-height) + var(--safe-bottom))}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--tab-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--color-card);border-top:1px solid var(--color-border);display:flex;justify-content:space-around;align-items:center;z-index:100}.tab-bar button{flex:1;background:none;border:none;padding:8px 0;font-size:11px;color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}.tab-bar button.active{color:var(--color-primary)}.tab-bar button svg{width:24px;height:24px}.screen{padding:16px;max-width:480px;margin:0 auto}.screen-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.screen-header h1{font-size:24px;font-weight:700}.screen-header .phase-label{font-size:13px;color:var(--color-primary);font-weight:500}.card{background:var(--color-card);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #00000014}.card-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.card-header h2{font-size:16px;font-weight:600}.card-header .progress{font-size:13px;color:var(--color-text-secondary)}.card-header .progress.complete{color:var(--color-success)}.card-body{margin-top:12px}.exercise-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--color-border)}.exercise-row:last-child{border-bottom:none}.exercise-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary);flex-shrink:0}.exercise-row .exercise-name{flex:1;font-size:14px}.exercise-row a.exercise-name{color:var(--color-primary);text-decoration:none}.exercise-row .exercise-name.done{text-decoration:line-through;color:var(--color-text-secondary)}.exercise-fields{display:flex;gap:6px;align-items:center}.exercise-fields input[type=number],.exercise-fields select{width:56px;padding:4px 6px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;text-align:center}.exercise-fields select{width:auto}.exercise-fields label{font-size:11px;color:var(--color-text-secondary)}.assessment-card{background:var(--color-primary-light);border-radius:12px;padding:14px 16px;margin-bottom:12px}.assessment-card .label{font-size:13px;font-weight:600;margin-bottom:8px}.assessment-card .input-row{display:flex;align-items:center;gap:10px}.assessment-card input[type=range]{flex:1;accent-color:var(--color-primary)}.assessment-card input[type=number]{width:72px;padding:6px 8px;border:1px solid var(--color-border);border-radius:6px;font-size:16px;text-align:center}.assessment-card .unit{font-size:13px;color:var(--color-text-secondary)}.assessment-card .value-display{font-size:20px;font-weight:700;min-width:32px;text-align:center}.progress-ring-container{display:flex;align-items:center;gap:12px;margin-bottom:16px}.progress-ring-container .label{font-size:14px;color:var(--color-text-secondary)}.time-range-toggle{display:flex;gap:8px;margin-bottom:16px}.time-range-toggle button{padding:6px 14px;border:1px solid var(--color-border);border-radius:20px;background:var(--color-card);font-size:13px;color:var(--color-text-secondary);cursor:pointer}.time-range-toggle button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.trend-chart-card{background:var(--color-card);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #00000014}.trend-chart-card h3{font-size:14px;font-weight:600;margin-bottom:8px}.settings-section{margin-bottom:24px}.settings-section h2{font-size:18px;font-weight:600;margin-bottom:12px}.radio-group label{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--color-border);cursor:pointer}.radio-group label:last-child{border-bottom:none}.radio-group input[type=radio]{margin-top:3px;accent-color:var(--color-primary)}.radio-group .phase-info .phase-name{font-size:14px;font-weight:500}.radio-group .phase-info .phase-desc{font-size:12px;color:var(--color-text-secondary)}.reminder-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-border)}.reminder-row:last-child{border-bottom:none}.toggle-switch{position:relative;width:48px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;inset:0;background:var(--color-border);border-radius:28px;transition:background .2s;cursor:pointer}.toggle-switch .slider:before{content:"";position:absolute;width:22px;height:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.slider{background:var(--color-primary)}.toggle-switch input:checked+.slider:before{transform:translate(20px)}.btn{display:block;width:100%;padding:12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-card);font-size:15px;color:var(--color-text);cursor:pointer;text-align:center;margin-bottom:8px}.btn:active{background:var(--color-bg)}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.about-info{font-size:13px;color:var(--color-text-secondary);line-height:1.6}.theme-toggle{display:flex;border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.theme-toggle button{flex:1;padding:8px 0;border:none;background:var(--color-card);font-size:13px;color:var(--color-text-secondary);cursor:pointer;border-right:1px solid var(--color-border)}.theme-toggle button:last-child{border-right:none}.theme-toggle button.active{background:var(--color-primary);color:#fff}:root.dark input[type=number],:root.dark input[type=time],:root.dark select{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}:root.dark .card{box-shadow:0 1px 3px #0000004d}:root.dark .trend-chart-card{box-shadow:0 1px 3px #0000004d}