:root{--bg-page: #f8f7f4;--surface: #ffffff;--surface-2: #f2f1ed;--border: #e7e5e0;--text-primary: #172a38;--text-body: #263746;--text-secondary: #5f6e7a;--text-faint: #7c8791;--accent: #0f8080;--accent-soft: #e9f5f3;--accent-tint: #dcefe9;--accent-tint-strong: #c6e3dc;--aux-blue: #348dc1;--cat-rhythm-bg: #e7f3e4;--cat-study-bg: #e6f0f8;--cat-sport-bg: #fbf1e0;--cat-other-bg: #efefec;--star-normal: #aab5bf;--star-key: #e2a826;--star-key-text: #a66c0c;--flower: #e85f6a;--danger: #b3403a;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-card: 0 6px 20px rgba(23, 42, 56, .06);--shadow-pop: 0 12px 32px rgba(23, 42, 56, .16);--tap-min: 44px;--content-max: 720px;--content-max-wide: 1080px;--header-h: 56px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-page);color:var(--text-body);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}#root{min-height:100vh}h1,h2,h3{margin:0;color:var(--text-primary);font-weight:700;line-height:1.3}h1{font-size:20px}h2{font-size:17px}h3{font-size:15px}p{margin:0}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:16px;color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tap-min);padding:10px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-weight:600;transition:background .15s ease,border-color .15s ease}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#0c6d6d}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{color:var(--danger);border-color:#e3c9c7}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>label{font-size:13px;font-weight:600;color:var(--text-secondary)}.input{min-height:var(--tap-min);padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);width:100%}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.alert{border-radius:var(--radius-md);padding:10px 12px;font-size:14px;margin-bottom:14px}.alert-error{background:#fbeeed;border:1px solid #e9cdcb;color:var(--danger)}.alert-info{background:var(--accent-soft);border:1px solid var(--accent-tint);color:var(--text-body)}.muted{color:var(--text-secondary)}.faint{color:var(--text-faint)}.page{width:100%;max-width:var(--content-max);margin:0 auto;padding:16px 16px 96px}.page-title{margin-bottom:12px}.placeholder-card{padding:18px}.placeholder-card h2{margin-bottom:8px}.placeholder-card ul{margin:10px 0 0;padding-left:20px;color:var(--text-secondary);font-size:14px}.placeholder-card li{margin-bottom:4px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px 48px}.login-card{width:100%;max-width:420px;padding:26px 22px 22px}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:6px}.login-brand-mark{width:34px;height:34px;border-radius:11px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700}.login-sub{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.login-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}.login-hint{margin-top:16px;font-size:13px;color:var(--text-faint);text-align:center}.app-header{position:sticky;top:0;z-index:10;background:#f8f7f4f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.app-header-inner{max-width:var(--content-max-wide);margin:0 auto;min-height:var(--header-h);padding:8px 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.app-brand{font-weight:700;color:var(--text-primary);margin-right:auto;display:flex;align-items:center;gap:8px}.app-brand-mark{width:26px;height:26px;border-radius:9px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:13px}.member-switch{display:flex;align-items:center;gap:6px;min-height:var(--tap-min);padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-weight:600}.member-switch select{border:none;background:transparent;font-weight:600;color:var(--text-primary);min-height:30px;max-width:40vw}.member-switch select:focus{outline:none}.app-body{min-height:calc(100vh - var(--header-h) - 64px)}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:10;background:var(--surface);border-top:1px solid var(--border);display:flex;padding-bottom:env(safe-area-inset-bottom,0)}.tabbar-inner{width:100%;max-width:var(--content-max-wide);margin:0 auto;display:flex}.tab{flex:1 1 0;min-height:56px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px}.tab[aria-current=true]{color:var(--accent);box-shadow:inset 0 2px 0 var(--accent)}.tab-dot{font-size:17px;line-height:1}.conn-banner{max-width:var(--content-max);margin:12px auto 0;padding:0 16px}.today-page{max-width:var(--content-max)}.today-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:14px 16px;margin-bottom:14px}.metric{display:flex;flex-direction:column;gap:2px;min-width:0}.metric-label{font-size:12px;color:var(--text-secondary)}.metric-value{font-size:18px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-value.is-good{color:var(--accent)}.metric-value.is-flower{color:var(--flower)}.metrics-note{margin:-6px 0 12px;font-size:12px}.feedback{border-radius:var(--radius-md);padding:10px 12px;margin-bottom:12px;font-size:14px;font-weight:600;cursor:pointer}.feedback-success{background:var(--accent-soft);border:1px solid var(--accent-tint);color:var(--accent)}.feedback-error{background:#fbeeed;border:1px solid #e9cdcb;color:var(--danger)}.task-group{margin-bottom:18px}.group-title{display:flex;align-items:baseline;margin-bottom:8px;font-size:15px}.task-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.task-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent-tint-strong);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.task-card.is-completed{background:var(--surface-2);border-left-color:var(--border);box-shadow:none}.task-card.is-completed .task-name{color:var(--text-secondary)}.task-main{min-width:0}.task-title-row{display:flex;align-items:center;gap:8px;min-width:0}.task-name{font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}.task-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);font-size:12px;white-space:nowrap}.chip-hint{background:var(--cat-sport-bg);border-color:#eddcc0;color:#8a6420}.chip-temp{background:var(--accent-soft);border-color:var(--accent-tint);color:var(--accent)}.chip-done{background:var(--accent-tint);border-color:var(--accent-tint-strong);color:var(--text-primary)}.chip-flag{background:#f4f1ea;border-color:#e3ded2;color:#7a6a4f}.star-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.star-normal{color:var(--text-secondary);background:#f1f2f4;border:1px solid #e0e3e6}.star-key{color:var(--star-key-text);background:#fdf5e4;border:1px solid #f0dfb8}.task-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-sm{min-height:38px;padding:6px 14px;font-size:14px}.today-footer{display:flex;justify-content:center;margin:18px 0 8px}.check-row{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-body);min-height:var(--tap-min)}.calendar-page{max-width:1180px}.calendar-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.calendar-heading .page-title{margin-bottom:2px}.month-nav{display:flex;gap:6px}.month-nav .btn{min-width:44px}.month-summary{padding:14px 16px;margin-bottom:14px}.month-summary h2{margin-bottom:10px}.month-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.month-metrics span{display:flex;flex-direction:column;min-width:0}.month-metrics small{color:var(--text-secondary);font-size:12px}.month-metrics b{color:var(--text-primary);font-size:18px;white-space:nowrap}.month-metrics span:last-child b{color:var(--flower)}.calendar-grid-card{padding:8px;overflow:hidden}.calendar-weekday-layout{display:grid;grid-template-columns:minmax(0,1fr)}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays span{padding:5px 0 7px;text-align:center;color:var(--text-secondary);font-size:12px;font-weight:600}.week-column-title{display:none}.calendar-week{display:grid;grid-template-columns:minmax(0,1fr)}.calendar-day{position:relative;min-width:0;height:76px;padding:6px 4px;border:3px solid var(--surface);border-radius:12px;background:var(--surface);color:var(--text-primary);text-align:left;overflow:hidden}.calendar-day:hover{background:var(--surface-2)}.calendar-day.has-stars{background:var(--accent-tint)}.calendar-day.is-high{background:var(--accent-tint-strong)}.calendar-day.is-today{box-shadow:inset 0 0 0 2px var(--accent)}.calendar-day.is-outside{background:var(--surface-2);color:var(--text-faint)}.calendar-day.is-future{background:var(--surface)}.calendar-day-head{display:flex;align-items:center;gap:3px;height:18px}.calendar-day-number{font-size:13px;font-weight:700}.today-label,.high-label{color:var(--accent);font-size:9px;font-weight:700}.flower{margin-left:auto;color:var(--flower);font-size:14px;line-height:1}.calendar-day-body{display:flex;flex-direction:column;gap:0;margin-top:3px;min-width:0}.calendar-day-body strong{font-size:15px;line-height:1.2;white-space:nowrap}.calendar-day-body strong small{font-size:9px;color:var(--star-key)}.key-progress,.no-task,.future-plan{color:var(--text-secondary);font-size:9px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.future-plan{color:var(--text-faint);margin-top:4px}.week-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:4px;margin:1px 3px 8px;padding:7px 9px;border-radius:9px;background:var(--surface-2);color:var(--text-secondary);font-size:10px}.week-summary span{white-space:nowrap}.week-summary b{color:var(--text-primary)}.week-key-fraction{display:none}.calendar-loading{opacity:.6;position:relative}.calendar-loading-label{margin:0 0 6px;color:var(--text-secondary);font-size:13px}.calendar-empty{padding:24px;text-align:center;color:var(--text-secondary)}.calendar-footnote{margin:10px 4px 0;color:var(--text-faint);font-size:12px}.link-button{border:0;background:transparent;color:var(--accent);font-weight:700;text-decoration:underline}.detail-readonly{margin-bottom:12px;color:var(--accent);font-size:12px;font-weight:600}.day-detail-section+.day-detail-section{margin-top:18px}.day-detail-section h3{margin-bottom:7px;color:var(--accent)}.detail-table-wrap{overflow-x:auto}.detail-table{width:100%;border-collapse:collapse;font-size:12px}.detail-table th,.detail-table td{padding:8px 6px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;white-space:nowrap}.detail-table th{color:var(--text-secondary);font-weight:600}.detail-table td:first-child{white-space:normal;min-width:120px}.detail-table td small,.pending-list small{display:block;color:var(--text-secondary);font-weight:400}.pending-list{list-style:none;margin:0;padding:0}.pending-list li{display:flex;justify-content:space-between;gap:12px;padding:8px 4px;border-bottom:1px solid var(--border);font-size:12px}.pending-list li>span:last-child{color:var(--text-secondary);text-align:right}.settings-page{max-width:860px}.settings-card{padding:18px;margin:14px 0}.settings-card h2{margin-bottom:12px}.settings-card fieldset{border:0;padding:0;margin:0;min-width:0}.parent-gate{max-width:480px}.parent-gate>p{margin-bottom:16px}.settings-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.settings-section-head h2{margin-bottom:0}.settings-members{list-style:none;padding:0;margin:10px 0 0}.settings-members li{padding:14px 0;border-bottom:1px solid var(--border)}.settings-members li:last-child{border-bottom:0}.settings-members b{overflow-wrap:anywhere}.settings-members .chip{margin-left:8px}.member-setting-summary{display:block;margin-top:4px;color:var(--text-secondary)}.settings-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.settings-actions .btn{min-height:44px}.settings-note{font-size:13px;margin:10px 0}.settings-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:0 18px}@media(min-width:768px){.settings-page{max-width:860px}.settings-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.task-management .settings-section-head{align-items:flex-start}.task-management .settings-section-head>div{min-width:0}.task-groups{display:grid;gap:14px;margin-top:14px}.task-groups.dimmed{opacity:.72}.task-group h3{margin:0 0 6px;color:var(--accent);font-size:14px}.task-definition{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.task-definition-main{display:flex;flex-direction:column;min-width:0}.task-definition-main strong{overflow-wrap:anywhere}.task-meta{margin-top:3px;color:var(--text-secondary);font-size:12px}.task-list-actions,.button-row{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.btn-small{min-height:38px;padding:6px 10px;font-size:13px}.disabled-tasks{margin-top:18px;padding-top:8px;border-top:1px solid var(--border)}.disabled-toggle{width:100%;justify-content:flex-start}.task-form-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:0 18px}.task-form-fields textarea{min-height:82px;resize:vertical}.field-wide{min-width:0}.check-field{display:flex;align-items:center;gap:8px;min-height:44px;margin-bottom:14px}.task-plan-row{display:grid;grid-template-columns:minmax(0,1fr);gap:0 18px}.weekday-field{margin-bottom:14px!important}.weekday-field legend{margin-bottom:8px;font-weight:600}.weekday-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.weekday-grid label{display:flex;min-width:0;min-height:42px;align-items:center;justify-content:center;gap:5px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.scope-prompt{margin-top:16px;padding:14px;border:1px solid var(--accent);border-radius:var(--radius-md);background:var(--accent-soft)}.scope-prompt p{margin:6px 0 12px}.task-danger{margin-top:22px;padding-top:16px;border-top:1px solid #e6c7c2}.task-danger h3{color:var(--danger);margin-bottom:10px}.task-danger p{margin:8px 0 14px;font-size:12px}.parent-security .button-row{margin-top:10px}@media(max-width:520px){.task-management .settings-section-head,.task-definition{align-items:stretch;flex-direction:column}.task-management .settings-section-head>.btn{width:100%}.task-list-actions{width:100%}.task-list-actions .btn{flex:1 1 auto}.weekday-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.task-form-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.field-wide{grid-column:1 / -1}.task-plan-row{grid-template-columns:repeat(2,minmax(0,1fr))}.weekday-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#172a3857;display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:100%;max-width:420px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--shadow-pop)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px 8px}.modal-head h2{font-size:16px}.modal-close{min-height:34px;padding:4px 10px;color:var(--text-secondary)}.modal-body{padding:4px 16px 8px;overflow-y:auto}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px 14px;border-top:1px solid var(--border);margin-top:8px}@media(min-width:768px){.page{max-width:var(--content-max-wide);padding:22px 24px 104px}.today-page{max-width:860px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.task-card{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.task-main{flex:1 1 auto}.task-actions{flex:0 0 auto;flex-wrap:nowrap}.month-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.calendar-grid-card{padding:12px}.calendar-weekday-layout,.calendar-week{grid-template-columns:minmax(0,1fr) 150px;gap:8px}.week-column-title{display:block;padding:5px 0 7px;text-align:center;color:var(--text-secondary);font-size:12px;font-weight:600}.calendar-day{height:88px;padding:8px 6px}.calendar-day-number{font-size:14px}.calendar-day-body strong{font-size:17px}.key-progress,.no-task,.future-plan{font-size:10px}.week-summary{grid-template-columns:1fr;align-content:center;gap:3px;margin:3px 0;padding:9px 11px;font-size:11px}.week-key-fraction{display:block;color:var(--text-faint)}}@media(min-width:1024px){html,body{font-size:15.5px}.app-header-inner{padding:8px 24px}.tabbar{position:sticky;top:var(--header-h);bottom:auto;border-top:none;border-bottom:1px solid var(--border)}.tabbar-inner{justify-content:center;gap:6px}.tab{flex:0 0 auto;flex-direction:row;min-width:132px;min-height:var(--tap-min);border-radius:var(--radius-md);margin:6px 0}.tab[aria-current=true]{background:var(--accent-soft);box-shadow:none}.page{padding-bottom:48px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}