:root{font-family:SF Pro SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#4f5563;background:radial-gradient(circle at top left,rgba(247,210,215,.6),transparent 30%),linear-gradient(180deg,#fffaf8,#fff2f1 45%,#fcfaf6);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px}button{background:none}button:disabled{cursor:not-allowed;opacity:.72}button,input,textarea{font:inherit}.page-shell{position:relative;min-height:100vh;overflow:hidden;padding:32px 16px 48px}.account-button{position:fixed;top:16px;right:16px;z-index:30;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(242,215,221,.95);background:#ffffffe0;color:#5a6170;box-shadow:0 14px 30px #7a666c24;display:inline-flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-weight:700}.account-button.is-connected{background:linear-gradient(135deg,#eefcf3f0,#fffbf5f0);color:#4f8a66}.account-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:18px 12px;background:#363a443d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.account-modal{position:relative;width:min(100%,380px);padding:22px 18px 18px;border-radius:30px;border:1px solid rgba(240,215,221,.95);background:linear-gradient(180deg,#fffcfbfa,#fff6f3fa);box-shadow:0 28px 56px #6e5c622e;display:grid;gap:14px}.account-avatar{width:54px;height:54px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:#fff0f4;color:#c16f82}.account-title{color:#3f4350;font-size:1.18rem;font-weight:800}.account-subtitle{color:#7d8490;line-height:1.65;font-size:.94rem}.account-form{display:grid;gap:12px}.account-label{color:#7a808c;font-size:.88rem;font-weight:700}.account-error{border-radius:18px;padding:12px 14px;background:#fff2f2;color:#bf5f66;border:1px solid #f4d0d4;font-size:.92rem;line-height:1.5}.account-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 14px;border-radius:18px;background:#f7f8fa;color:#68707d}.account-info-row strong{color:#3f4350}.page-glow{position:absolute;z-index:0;width:420px;height:420px;border-radius:999px;filter:blur(70px);opacity:.6}.page-glow-left{top:-100px;left:-80px;background:#f8c6d1cc}.page-glow-right{right:-120px;bottom:120px;background:#f4e1c0cc}.container{position:relative;z-index:1;max-width:1120px;margin:0 auto;display:grid;gap:24px}.app-shell{padding-bottom:24px}.card{border:1px solid rgba(244,218,221,.9);border-radius:28px;background:#ffffffd6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 50px #e8a8a81f}.hero-card{overflow:hidden}.card-header{padding:24px 24px 0}.card-header h2{margin:0;font-size:1.1rem;color:#3f4350}.card-body{padding:20px 24px 24px}.hero-header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px 28px 16px}.hero-title{display:flex;align-items:center;gap:10px;margin:0;color:#3f4350;font-size:clamp(1.6rem,2vw,2rem);font-weight:700}.hero-title svg{color:#e99bac}.hero-subtitle{margin:10px 0 0;color:#7a7e89}.hero-badges{display:flex;flex-wrap:wrap;gap:12px}.badge{padding:10px 16px;border-radius:999px;font-size:.95rem;border:1px solid transparent}.badge-pink{border-color:#f8d8de;background:#fff2f5;color:#bf6f81}.badge-gold{border-color:#f4e0b3;background:#fff9ea;color:#b98a26}.page-tabs{display:flex;gap:12px;padding:0 28px 24px;flex-wrap:wrap}.page-tab{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;border:1px solid #f0d8de;background:#ffffffc7;color:#6a7080;cursor:pointer;transition:.18s ease}.page-tab:hover{background:#fff}.page-tab.is-active{border-color:#efbcc8;background:linear-gradient(135deg,#fff0f4,#fff8f3);color:#c16f82;box-shadow:0 10px 24px #e8b0bc2e}.layout-primary,.layout-secondary,.status-layout{display:grid;gap:24px}.layout-primary{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.layout-secondary{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr)}.status-layout{grid-template-columns:minmax(300px,.95fr) minmax(0,1.05fr)}.sidebar-stack,.status-right-column,.stack-md,.stack-sm{display:grid}.sidebar-stack,.status-right-column{gap:24px}.stack-md{gap:18px}.stack-sm{gap:14px}.flexible-panel{border:1px solid #f8d8de;border-radius:24px;padding:16px;background:linear-gradient(135deg,#fff3f6,#fff6ee)}.section-label{display:inline-flex;align-items:center;gap:8px;color:#5b606d;font-size:.95rem;font-weight:600;margin-bottom:12px}.section-label svg{color:#e99bac}.tab-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.tab-card{display:grid;gap:6px;width:100%;text-align:left;padding:14px;border-radius:22px;border:1px solid transparent;background:#ffffffbd;color:#777c87;transition:.18s ease;cursor:pointer}.tab-card:hover{background:#fff;transform:translateY(-1px)}.tab-card.is-active{border-color:#f4ccd6;background:#fff;color:#c46b7e;box-shadow:0 8px 20px #e5b3bd2e}.tab-title{font-weight:700;font-size:.96rem}.tab-desc{font-size:.78rem;line-height:1.55}.task-list{display:grid;gap:12px}.task-row{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-radius:22px;border:1px solid #eceff3;background:#ffffffe6;transition:.18s ease;cursor:pointer}.task-row:hover{border-color:#f3d7df}.task-row.is-done{background:#fff2f5cc;border-color:#f7d6de}.task-main{display:flex;align-items:center;gap:12px;min-width:0}.task-checkbox{width:18px;height:18px;accent-color:#e58da1;flex:0 0 auto}.task-title{color:#58606d;word-break:break-word}.task-row.is-done .task-title{color:#a0a5af;text-decoration:line-through}.add-task-row{display:flex;gap:10px}.text-input,.textarea-input{width:100%;border:1px solid #f3d4db;border-radius:18px;background:#ffffffdb;color:#4f5563;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.text-input{padding:13px 15px}.textarea-input{min-height:140px;resize:vertical;padding:14px 15px}.text-input:focus,.textarea-input:focus{border-color:#e7a8b5;box-shadow:0 0 0 4px #eab7c22e}.icon-button,.primary-button,.dark-button,.pill-button,.ghost-icon-button,.record-card,.calendar-day{border:0;cursor:pointer;transition:.18s ease}.icon-button{width:48px;border-radius:18px;background:#ee9daf;color:#fff;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover,.primary-button:hover{background:#e78ea1}.progress-card{border-radius:22px;border:1px solid #edf0f3;background:#f8f9fcc7;padding:14px 15px}.progress-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:#707581;font-size:.92rem}.progress-track{width:100%;height:10px;border-radius:999px;background:#f0dfe3;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#eaa4b3,#f0c1ae)}.mood-row{display:flex;gap:10px;flex-wrap:wrap}.pill-button{padding:10px 18px;border-radius:999px;border:1px solid #dfe3e8;background:#fff;color:#626876}.pill-button:hover{background:#fafafa}.pill-button.mood-差{border-color:#f7c7cf;background:#fff0f2;color:#c46479}.pill-button.mood-一般{border-color:#f3dfb6;background:#fff9ea;color:#b6841e}.pill-button.mood-好{border-color:#c9e8d5;background:#effcf3;color:#4d9367}.tip-box{border-radius:20px;border:1px solid #f3dfb6;background:#fff9e9d9;color:#9a7424;padding:14px 15px;line-height:1.75}.text-list{display:grid;gap:10px;color:#68707d}.text-list p,.muted-text,.timer-text,.footer-note,.note-panel p{margin:0}.dark-button,.primary-button{border-radius:999px;padding:12px 18px;color:#fff;width:fit-content}.secondary-button{width:100%;min-height:48px;border:0;border-radius:999px;padding:0 18px;background:#f6f7f9;color:#6c7480;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.18s ease}.secondary-button:hover{background:#eef1f4}.dark-button{background:#444a57}.dark-button:hover{background:#373d49}.primary-button{background:#ee9daf}.timer-text{color:#666e7b}.muted-text{color:#9aa0ab;font-size:.88rem}.footer-note{color:#7e8591}.quick-start-section,.today-focus-shell{display:grid}.today-status-card{padding:0}.today-status-top,.today-status-bottom,.task-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.today-status-top{padding:18px 18px 12px}.today-status-bottom{padding:0 18px 18px;flex-wrap:wrap}.quick-start-task-row{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 18px}.quick-start-task-chip{min-height:38px;padding:0 14px;border:0;border-radius:999px;background:#f8f1f3;color:#7a7f8b;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s ease}.quick-start-task-chip.is-active{background:#fff0f4;color:#c16f82;box-shadow:inset 0 0 0 1px #efbcc8}.today-status-group{display:grid;gap:10px;flex:1}.review-mood-block{display:grid;gap:10px}.review-mood-label{color:#7a808c;font-size:.88rem;font-weight:700}.mood-row-compact{gap:8px}.mini-start-button{flex:0 0 auto;min-height:44px;padding:0 14px;border-radius:999px;background:#2f3744;color:#fff;font-weight:700;box-shadow:0 10px 18px #2f374433}.mini-start-button:hover{background:#252c37}.today-status-hint{color:#8b919d;font-size:.9rem}.task-header-badge{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:32px;padding:0 10px;border-radius:999px;background:#fff0f4;color:#c16f82;font-weight:700}.task-item-block{display:grid;gap:10px}.quick-timer-overlay{position:fixed;inset:0;z-index:45;display:flex;align-items:center;justify-content:center;padding:18px 12px;background:#363a4438;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quick-timer-modal{position:relative;width:min(100%,380px);padding:22px 18px 18px;border-radius:30px;border:1px solid rgba(240,215,221,.95);background:linear-gradient(180deg,#fffcfbfa,#fff6f3fa);box-shadow:0 26px 56px #6e5c622e;display:grid;gap:18px}.quick-timer-modal.is-complete{background:linear-gradient(180deg,#fffcfbfa,#f1faf3fa)}.quick-timer-header{display:grid;gap:6px;justify-items:center;text-align:center}.quick-timer-eyebrow{color:#c16f82;font-size:.82rem;font-weight:700;letter-spacing:.04em}.quick-timer-status{color:#3f4350;font-size:1.15rem;font-weight:800}.quick-timer-task-note{color:#8a909b;font-size:.9rem;font-weight:700}.quick-timer-dial{position:relative;display:grid;place-items:center;width:min(100%,260px);aspect-ratio:1;margin:0 auto}.quick-timer-svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.quick-timer-ring-base,.quick-timer-ring-progress{fill:none;stroke-width:10;stroke-linecap:round}.quick-timer-ring-base{stroke:#f3e7ea}.quick-timer-ring-progress{stroke:url(#quickTimerGradient);transition:stroke-dashoffset .32s ease,stroke .24s ease}.quick-timer-ring-progress.is-complete{stroke:#7fc39a}.quick-timer-center{position:absolute;inset:24%;display:grid;align-content:center;justify-items:center;gap:8px;padding:18px 14px;border-radius:999px;background:#ffffffd6;box-shadow:inset 0 0 0 1px #f5e0e4e6;text-align:center}.quick-timer-time{color:#363d49;font-size:clamp(2rem,9vw,2.8rem);line-height:1;font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums}.quick-timer-subtitle{color:#8a909b;font-size:.92rem;line-height:1.5}.quick-timer-actions{display:grid;gap:10px}.quick-timer-action{min-height:48px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;transition:transform .18s ease,background .18s ease,color .18s ease}.quick-timer-action:hover{transform:translateY(-1px)}.quick-timer-action.primary{background:linear-gradient(135deg,#3f4855,#2c333e);color:#fff;box-shadow:0 14px 24px #2f374433}.quick-timer-action.primary.is-running{background:linear-gradient(135deg,#d78396,#bf6f81);box-shadow:0 14px 24px #cc80943d}.quick-timer-action.secondary{background:#fff4f6;color:#b26c7b;box-shadow:inset 0 0 0 1px #f2d7dd}.quick-timer-action.ghost{background:#f6f7f9;color:#77808b}.task-timer-overlay{position:fixed;inset:0;z-index:44;display:flex;align-items:center;justify-content:center;padding:18px 12px;background:#363a4433;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.task-timer-modal{position:relative;width:min(100%,400px);padding:22px 18px 18px;border-radius:30px;border:1px solid rgba(240,215,221,.95);background:linear-gradient(180deg,#fffcfbfa,#fff6f3fa);box-shadow:0 26px 56px #6e5c622e;display:grid;gap:18px}.task-timer-modal.is-complete{background:linear-gradient(180deg,#fffcfbfa,#f1faf3fa)}.task-timer-header{display:grid;gap:6px;justify-items:center;text-align:center}.task-timer-eyebrow{color:#c16f82;font-size:.82rem;font-weight:700;letter-spacing:.04em}.task-timer-title{color:#3f4350;font-size:1.18rem;line-height:1.45;font-weight:800}.task-timer-status{color:#8a909b;font-size:.94rem;font-weight:700}.task-timer-dial{position:relative;display:grid;place-items:center;width:min(100%,260px);aspect-ratio:1;margin:0 auto}.task-timer-ring-progress{fill:none;stroke:url(#taskTimerGradient);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .32s ease,stroke .24s ease}.task-timer-ring-progress.is-complete{stroke:#7fc39a}.task-timer-center{position:absolute;inset:24%;display:grid;align-content:center;justify-items:center;gap:8px;padding:18px 14px;border-radius:999px;background:#ffffffd6;box-shadow:inset 0 0 0 1px #f5e0e4e6;text-align:center}.task-timer-time{color:#363d49;font-size:clamp(1.8rem,8vw,2.6rem);line-height:1.05;font-weight:800;font-variant-numeric:tabular-nums}.task-timer-subtitle{color:#8a909b;font-size:.92rem;line-height:1.5}.task-timer-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.task-timer-meta-chip{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;background:#fff0f4;color:#be7184;font-weight:700;font-size:.9rem}.task-timer-meta-chip.soft{background:#f6f7f9;color:#6f7784}.feedback-overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;padding:20px 12px;background:#272b333d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.feedback-modal{position:relative;width:min(100%,440px);border-radius:28px;padding:20px 18px 18px;border:1px solid #f0d7dd;background:#fffffffa;box-shadow:0 24px 48px #4f454a2e;display:grid;gap:12px}.feedback-modal.success{background:linear-gradient(180deg,#fffefe,#f2fbf4)}.feedback-modal.nudge{background:linear-gradient(180deg,#fffefe,#fff9ed)}.feedback-modal.info{background:linear-gradient(180deg,#fffefe,#f7f8fa)}.feedback-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:999px;background:#f4f5f7;color:#77808b;display:inline-flex;align-items:center;justify-content:center}.feedback-icon{width:46px;height:46px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:#fff2f5;color:#c16f82}.feedback-modal.success .feedback-icon{background:#ebf8ef;color:#4f8a66}.feedback-modal.nudge .feedback-icon{background:#fff4d9;color:#a9791f}.feedback-title{color:#3f4350;font-size:1.12rem;font-weight:800}.feedback-message{color:#525966;font-weight:700;line-height:1.75}.feedback-detail{color:#8a909b;line-height:1.65;font-size:.92rem}.feedback-confirm{width:100%;min-height:48px;border-radius:999px;background:#2f3744;color:#fff;font-weight:800}.task-text-group{display:grid;gap:3px}.task-inline-meta-row{display:flex;flex-wrap:wrap;gap:8px}.task-inline-meta{color:#9aa0ab;font-size:.8rem}.task-inline-target{color:#c16f82;font-size:.8rem;font-weight:700}.task-inline-button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#fff4f6;color:#b26c7b;font-weight:700;flex:0 0 auto}.task-action-group{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.task-time-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#f4f6f8;color:#69707d;font-weight:700;font-size:.88rem}.task-timer-toggle{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:999px;background:#fff4f6;color:#b26c7b;font-weight:700}.task-timer-toggle.is-active{background:#2f3744;color:#fff}.task-inline-button.is-open svg{transform:rotate(180deg)}.flex-inline-picker{display:flex;flex-wrap:wrap;gap:8px;padding:0 4px 0 10px}.flex-inline-chip{min-height:38px;padding:0 14px;border-radius:999px;background:#f8f1f3;color:#7a7f8b;font-weight:700}.flex-inline-chip.is-active{background:#fff0f4;color:#c16f82;box-shadow:inset 0 0 0 1px #efbcc8}.minimum-standard-card{border-color:#f1cfd8;background:linear-gradient(145deg,#fff2f6eb,#fff9f2eb)}.minimum-standard-caption{color:#c16f82;font-size:.85rem;font-weight:700}.minimum-standard-title{color:#3f4350;font-size:clamp(1.35rem,4vw,1.9rem);line-height:1.2;font-weight:800}.minimum-standard-meta{color:#7b818d;font-size:.95rem}.quick-start-card{overflow:hidden}.quick-start-inner{display:grid;gap:18px;padding:22px 20px}.quick-start-block{display:grid;gap:12px}.quick-start-label{font-size:.88rem;color:#8b919d}.mood-row-large{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pill-button-large{min-height:56px;justify-content:center;font-size:1rem;font-weight:700}.minimum-win-card{display:grid;gap:8px;padding:18px;border-radius:26px;border:1px solid #f0ced7;background:linear-gradient(145deg,#fff0f4,#fff9f2);box-shadow:0 14px 28px #ebb9c433}.minimum-win-card.is-complete{border-color:#d8ecdf;background:linear-gradient(145deg,#eefbf1,#fff8f1);box-shadow:0 14px 28px #add9ba38}.minimum-win-caption{color:#c06f82;font-size:.84rem;font-weight:700;letter-spacing:.02em}.minimum-win-title{font-size:clamp(1.55rem,6vw,2.25rem);line-height:1.15;color:#3f4350;font-weight:800}.minimum-win-meta{color:#7b818d;font-size:.95rem}.minimum-win-feedback{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-top:4px;padding:10px 12px;border-radius:999px;background:#ebf8ef;color:#4d8b62;font-weight:700}.quick-start-button{width:100%;min-height:84px;padding:18px 20px;border-radius:28px;background:linear-gradient(135deg,#404857,#262d38);color:#fff;box-shadow:0 18px 28px #31384547;display:grid;gap:4px;text-align:left}.quick-start-button:hover{transform:translateY(-1px)}.quick-start-button-main{font-size:1.3rem;font-weight:800}.quick-start-button-sub{color:#fffc;font-size:.92rem}.quick-start-helper{min-height:24px;color:#848b97;font-size:.9rem}.timer-chip{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#fff4f6;color:#b96a7d;font-weight:700}.today-content-stack{display:grid;gap:24px}.layout-primary-mobile,.layout-secondary-mobile{grid-template-columns:1fr}.flexible-panel-strong{padding:18px}.tab-grid-mobile{grid-template-columns:repeat(2,minmax(0,1fr))}.tab-card-strong{gap:8px;min-height:130px;padding:16px;border-radius:24px}.tab-main-title{font-size:.95rem;line-height:1.35;color:#4f5563;font-weight:700}.selected-task-preview{display:grid;gap:4px;padding:14px 16px;border-radius:20px;background:#fffc;border:1px solid #f3d7df;color:#6d7380}.selected-task-preview-label{font-size:.8rem;color:#9aa0ab}.tip-box-soft{background:#fff9e9ad}.progress-card-strong{padding:16px}.progress-note{margin-top:12px;color:#7a7f8b;font-size:.92rem;line-height:1.6}.success-inline-banner{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:18px;background:#edf9f1;color:#518868;font-weight:700}.task-row-focus{border-color:#f2d2da;background:linear-gradient(135deg,#fff5f7e6,#fffaf4e6)}.task-row.is-active{border-color:#c0d6ef;background:linear-gradient(135deg,#f0f7fff2,#f9fcfff2);box-shadow:0 12px 24px #a4c4e929}.subtle-link-button{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:0;color:#a26d7a;font-weight:700}.subtle-link-button:hover{color:#c16f82}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.calendar-title{display:inline-flex;align-items:center;gap:8px;color:#575d69;font-weight:600}.ghost-icon-button{width:40px;height:40px;border:1px solid #efd9df;border-radius:999px;background:#ffffffd6;color:#7a7f8b;display:inline-flex;align-items:center;justify-content:center}.ghost-icon-button:hover{border-color:#eab6c3;color:#bf6f81}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.calendar-weekday{text-align:center;color:#9aa0ab;font-size:.82rem}.calendar-day{min-height:48px;border:1px solid #efe6e8;border-radius:16px;background:#ffffffbf;color:#646c79}.calendar-day:hover{border-color:#efbcc8}.calendar-day.is-empty{background:transparent;border-color:transparent;cursor:default}.calendar-day.is-selected{border-color:#d9899d;box-shadow:0 0 0 3px #ecb7c233}.calendar-day.status-success{background:#fff0f4;color:#c1687b}.calendar-day.status-ongoing{background:#fff9ea;color:#b6841e}.calendar-day.status-needs-work{background:#fdf1eb;color:#c78357}.calendar-legend{display:flex;flex-wrap:wrap;gap:14px;color:#7b818d;font-size:.88rem}.legend-item{display:inline-flex;align-items:center;gap:8px}.legend-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.legend-dot.status-success{background:#eaa4b3}.legend-dot.status-ongoing{background:#f1d28b}.legend-dot.status-needs-work{background:#e7b08c}.summary-panel{display:flex;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid #f0d8de;border-radius:22px;background:linear-gradient(135deg,#fff3f6,#fff8f2)}.summary-main{display:grid;gap:4px}.summary-date{font-size:1.05rem;font-weight:700;color:#49505d}.summary-status{color:#7a7f8b}.status-stats{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.mini-stat{border:1px solid #eee3e6;border-radius:20px;padding:14px;background:#ffffffc2;display:grid;gap:6px}.mini-stat-label{font-size:.83rem;color:#9298a3}.task-history-list{display:grid;gap:10px}.history-task-row{display:flex;align-items:center;gap:10px;border:1px solid #edf0f3;border-radius:18px;padding:12px 14px;color:#69707d;background:#fffc}.history-task-row svg{color:#d1d5db;flex:0 0 auto}.history-task-row.is-done{border-color:#f4d7de;background:#fff1f5b3;color:#8e6774}.history-task-row.is-done svg{color:#db8799}.note-panel,.empty-record-card{border:1px solid #eee3e6;border-radius:22px;padding:16px 18px;background:#ffffffbd;color:#6e7481}.panel-title{margin-bottom:8px;font-weight:700;color:#4a5160}.record-card{display:flex;justify-content:space-between;gap:14px;padding:15px 16px;border:1px solid #eee3e6;border-radius:20px;background:#fffc;color:#565d6b;text-align:left}.record-card:hover{border-color:#e9bcc7}.record-card.is-active{border-color:#dc90a3;box-shadow:0 0 0 3px #eab7c22e}.record-card-date{font-weight:700}.record-card-meta{margin-top:4px;color:#8a909b;font-size:.88rem}.record-card-badge{align-self:center;padding:7px 10px;border-radius:999px;font-size:.82rem;border:1px solid transparent}.record-card-badge.status-success{background:#fff0f4;color:#c1687b}.record-card-badge.status-ongoing{background:#fff9ea;color:#b6841e}.record-card-badge.status-needs-work{background:#fdf1eb;color:#c78357}.record-card-badge.status-idle{background:#f4f5f7;color:#8d94a1}@media(max-width:960px){.layout-primary,.layout-secondary,.status-layout{grid-template-columns:1fr}.hero-header,.summary-panel{flex-direction:column;align-items:flex-start}}@media(max-width:720px){.page-shell{padding:20px 12px 36px}.account-button{top:12px;right:12px;min-height:42px;padding:0 12px}.account-modal{width:min(100%,360px);padding:20px 16px 16px;border-radius:26px}.quick-timer-overlay{padding:16px 10px}.quick-timer-modal{width:min(100%,360px);padding:20px 16px 16px;border-radius:26px}.quick-timer-dial{width:min(100%,240px)}.quick-timer-center{inset:23%;padding:16px 12px}.quick-timer-actions{grid-template-columns:1fr}.task-timer-overlay{padding:16px 10px}.task-timer-modal{width:min(100%,368px);padding:20px 16px 16px;border-radius:26px}.task-timer-dial{width:min(100%,238px)}.task-timer-center{inset:23%;padding:16px 12px}.task-timer-meta{gap:8px}.today-status-top,.today-status-bottom,.task-header-row{flex-direction:column;align-items:stretch}.today-status-top{padding:16px 16px 12px}.today-status-bottom{padding:0 16px 16px}.quick-start-task-row{padding:0 16px 16px;justify-content:stretch}.quick-start-task-chip{flex:1 1 calc(33.333% - 6px);justify-content:center}.quick-start-card{min-height:calc(100svh - 40px)}.quick-start-inner{min-height:calc(100svh - 64px);align-content:center}.hero-header,.page-tabs,.card-header,.card-body{padding-left:18px;padding-right:18px}.tab-grid,.status-stats,.mood-row-large{grid-template-columns:1fr}.mood-row-compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.pill-button-large{min-height:54px}.minimum-win-card{padding:20px 18px}.minimum-win-title{font-size:1.8rem}.calendar-grid{gap:8px}.calendar-day{min-height:42px}.add-task-row{flex-direction:column}.icon-button,.primary-button,.dark-button,.quick-start-button,.mini-start-button{width:100%;min-height:46px;justify-content:center}.quick-start-button{text-align:center}.subtle-link-button{width:fit-content}.task-row{align-items:flex-start}.task-action-group{width:100%;align-items:stretch}.task-time-chip,.task-timer-toggle,.task-inline-button{justify-content:center}}@media(min-width:721px){.quick-timer-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-primary-mobile{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)}.layout-secondary-mobile{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr)}.quick-start-inner{padding:28px}.mood-row-large{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:961px){.status-layout,.layout-primary,.layout-secondary{grid-template-columns:unset}.status-layout{grid-template-columns:minmax(300px,.95fr) minmax(0,1.05fr)}.layout-primary{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.layout-secondary{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr)}}