:root{--color-primary:#5b9aa0;--color-primary-light:#7db8be;--color-primary-dark:#3e7a80;--color-primary-bg:#e8f4f5;--color-success:#6aaa8a;--color-success-bg:#e8f5ed;--color-warning:#c9a96e;--color-warning-bg:#fef9ee;--color-danger:#c97e6e;--color-danger-bg:#fdf0ec;--color-info:#6e9ec9;--color-info-bg:#eaf2fa;--color-bg:#faf9f7;--color-surface:#fff;--color-border:#e8e4df;--color-border-light:#f0ede9;--color-text:#2d2a26;--color-text-secondary:#6b6560;--color-text-muted:#9a938b;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001a;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:"SF Mono", "Fira Code", "Consolas", monospace;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--transition-fast:.15s ease;--transition-normal:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);min-height:100vh;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}.app-layout{min-height:100vh;display:flex}.app-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);width:240px;padding:var(--spacing-lg);flex-direction:column;flex-shrink:0;display:flex}.app-sidebar-logo{font-size:var(--font-size-xl);color:var(--color-primary);align-items:center;gap:var(--spacing-sm);font-weight:700;display:flex}.app-sidebar-header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);display:flex}.language-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-primary-bg);color:var(--color-primary-dark);font:inherit;cursor:pointer;flex:none;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.language-toggle:hover,.language-toggle:focus-visible{border-color:var(--color-primary);outline:none}.app-nav{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.app-nav a,.app-nav button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;display:flex}.app-nav a:hover,.app-nav button:hover{background:var(--color-primary-bg);color:var(--color-primary-dark)}.app-nav a.active{background:var(--color-primary-bg);color:var(--color-primary-dark);font-weight:600}.app-nav-icon{text-align:center;width:1.4rem;font-size:1.1rem}.app-main{padding:var(--spacing-xl);flex:1;max-width:100%;overflow-y:auto}.app-content{max-width:900px;margin:0 auto}.card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.card-title{font-size:var(--font-size-lg);color:var(--color-text);font-weight:600}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.card-body{color:var(--color-text-secondary)}.card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light);gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-weight:500;font-family:var(--font-sans);border:1px solid #0000;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{color:var(--color-text-secondary);border-color:var(--color-border);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--color-border-light);color:var(--color-text)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:#5a9478}.btn-warning{background:var(--color-warning);color:#fff}.btn-warning:hover:not(:disabled){background:#b8945a}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b56a5a}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.8rem}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.btn-block{width:100%}.form-group{margin-bottom:var(--spacing-md)}.form-label{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--spacing-xs);font-weight:600;display:block}.form-hint{color:var(--color-text-muted);margin-top:var(--spacing-xs);font-size:.8rem}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #5b9aa026}.form-textarea{resize:vertical;min-height:80px}.form-checkbox{align-items:center;gap:var(--spacing-sm);cursor:pointer;display:flex}.form-checkbox input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--color-primary)}.form-row{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.form-row>*{flex:1;min-width:150px}.badge{border-radius:12px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-primary{background:var(--color-primary-bg);color:var(--color-primary-dark)}.badge-success{background:var(--color-success-bg);color:#4a7a5a}.badge-warning{background:var(--color-warning-bg);color:#8a7a4a}.badge-danger{background:var(--color-danger-bg);color:#8a4a4a}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-neutral{color:#6b6560;background:#f0ede9}.progress-bar{background:var(--color-border-light);border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{border-radius:4px;height:100%;transition:width .5s}.progress-fill-primary{background:var(--color-primary)}.progress-fill-success{background:var(--color-success)}.progress-fill-warning{background:var(--color-warning)}.progress-fill-danger{background:var(--color-danger)}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);line-height:1.6}.alert-info{background:var(--color-info-bg);color:#4a6a8a;border-left:3px solid var(--color-info)}.alert-success{background:var(--color-success-bg);color:#4a7a5a;border-left:3px solid var(--color-success)}.alert-warning{background:var(--color-warning-bg);color:#8a7a4a;border-left:3px solid var(--color-warning)}.alert-danger{background:var(--color-danger-bg);color:#8a4a4a;border-left:3px solid var(--color-danger)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.empty-state-icon{margin-bottom:var(--spacing-md);font-size:3rem}.empty-state-title{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.empty-state-desc{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.task-item{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--color-border-light);margin-bottom:var(--spacing-sm);transition:background var(--transition-fast);display:flex}.task-item:hover{background:var(--color-primary-bg)}.task-item.minimum{border-left:3px solid var(--color-primary);background:#f9fbfb}.task-item.recommended{border-left:3px solid var(--color-success)}.task-item.optional{border-left:3px solid var(--color-border);opacity:.85}.task-check{flex-shrink:0;margin-top:2px}.task-check input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--color-primary);cursor:pointer}.task-content{flex:1;min-width:0}.task-title{color:var(--color-text);margin-bottom:2px;font-weight:500}.task-desc{font-size:var(--font-size-sm);color:var(--color-text-muted)}.task-meta{color:var(--color-text-muted);margin-top:4px;font-size:.75rem}.task-amount{text-align:right;flex-shrink:0}.task-amount-input{border:1px solid var(--color-border);width:70px;font-size:var(--font-size-sm);text-align:center;border-radius:4px;padding:2px 6px}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.status-dot-active{background:var(--color-success)}.status-dot-pending{background:var(--color-warning)}.status-dot-closed{background:var(--color-text-muted)}.status-dot-blocked{background:var(--color-danger)}.grid-2{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.grid-3{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.stat-card{text-align:center;padding:var(--spacing-lg)}.stat-value{font-size:var(--font-size-2xl);color:var(--color-primary);font-weight:700}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.page-title{font-size:var(--font-size-2xl);color:var(--color-text);margin-bottom:var(--spacing-xs);font-weight:700}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.divider{border:none;border-top:1px solid var(--color-border-light);margin:var(--spacing-lg) 0}.core-reminder{text-align:center;padding:var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-sm);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);margin:var(--spacing-lg) 0;font-style:italic}.collapsible{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.collapsible-header{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-weight:500;display:flex}.collapsible-header:hover{background:var(--color-border-light)}.collapsible-body{padding:var(--spacing-md);border-top:1px solid var(--color-border-light)}@media (width<=768px){.app-layout{flex-direction:column}.app-sidebar{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-right:none;border-bottom:1px solid var(--color-border);display:block;overflow:hidden}.app-sidebar-logo{font-size:var(--font-size-base);white-space:nowrap;margin-right:0}.app-sidebar-header{margin-bottom:var(--spacing-xs)}.app-nav{gap:var(--spacing-xs);padding-bottom:var(--spacing-xs);flex-direction:row;overflow-x:auto}.app-nav a,.app-nav button{padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap;flex:none;width:auto;font-size:.8rem}.app-main{padding:var(--spacing-md)}.app-content{max-width:100%}.form-row{flex-direction:column}.form-row>*{min-width:100%}.grid-2,.grid-3{grid-template-columns:1fr}}.welcome-hero{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl)}.welcome-hero h1{font-size:var(--font-size-3xl);color:var(--color-primary-dark);margin-bottom:var(--spacing-md)}.welcome-hero p{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--spacing-xl);line-height:1.8}.welcome-actions{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.phrase-input-wrap{gap:var(--spacing-sm);max-width:400px;display:flex}.phrase-input-wrap .form-input{text-align:center;font-size:var(--font-size-lg);letter-spacing:.1em}.percent-display{align-items:baseline;gap:2px;display:flex}.percent-number{font-size:var(--font-size-3xl);color:var(--color-primary-dark);font-weight:700;line-height:1}.percent-sign{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:600}.rhythm-indicator{align-items:center;gap:var(--spacing-xs);border-radius:12px;padding:4px 12px;font-size:.8rem;font-weight:500;display:inline-flex}.rhythm-ahead{background:var(--color-success-bg);color:#4a7a5a}.rhythm-stable{background:var(--color-primary-bg);color:var(--color-primary-dark)}.rhythm-slightlyBehind{background:var(--color-warning-bg);color:#8a7a4a}.rhythm-behind{background:var(--color-warning-bg);color:#8a6a3a}.rhythm-slipping{background:var(--color-danger-bg);color:#8a4a4a}.history-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.history-table th,.history-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border-light)}.history-table th{color:var(--color-text-secondary);background:var(--color-border-light);border-radius:var(--radius-sm) var(--radius-sm) 0 0;font-weight:600}.history-table tr:hover td{background:var(--color-primary-bg)}.settings-section{margin-bottom:var(--spacing-xl)}.settings-section h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-light)}.modal-overlay{z-index:100;padding:var(--spacing-md);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);overflow-y:auto}.modal-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-xl);font-weight:600}