:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#17211c;background:#f3f6f2;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17211c;--muted: #6d776f;--green: #176448;--green-dark: #0d4934;--lime: #dff06f;--line: #dce3dc;--surface: #ffffff;--danger: #b83c3c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.6}.app-shell{min-height:100vh;overflow:hidden}.hero{position:relative;color:#f8fff9;background:radial-gradient(circle at 82% 28%,rgba(223,240,111,.16),transparent 25%),linear-gradient(135deg,#0b3f2f,#12533b 58%,#176448);padding:0 max(24px,calc((100vw - 1120px)/2))}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:#ffffff26}.nav-bar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.13)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;color:var(--green-dark);background:var(--lime);border-radius:11px;font-size:16px}.connection-state{display:flex;align-items:center;gap:8px;color:#d7e5dc;font-size:13px}.connection-state i{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px #dff06f1f}.hero-content{min-height:300px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:52px 0 66px}.hero-kicker,.eyebrow{color:#82b399;font-size:11px;font-weight:800;letter-spacing:.16em}.hero-kicker{color:var(--lime)}.hero h1{margin:13px 0 14px;max-width:720px;font-size:clamp(38px,6vw,66px);line-height:1.05;letter-spacing:-.055em}.hero p{margin:0;color:#c8dad0;font-size:16px;line-height:1.8}.hero-shape{width:150px;height:150px;flex:0 0 auto;display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:var(--green-dark);background:var(--lime);border-radius:50% 50% 12px;transform:rotate(3deg)}.hero-shape span{align-self:flex-end;font-size:13px;font-weight:800}.hero-shape small{font-weight:800;line-height:1.45}.main-content{width:min(1120px,calc(100% - 48px));margin:-30px auto 0;position:relative;z-index:1}.create-panel{padding:30px 34px 34px;background:var(--surface);border:1px solid rgba(13,73,52,.08);border-radius:20px;box-shadow:0 20px 60px #1d3c2b1a}.section-heading,.modal-header,.tasks-toolbar,.title-with-count,.task-title-row,.task-actions,.action-buttons,.modal-actions{display:flex;align-items:center}.section-heading,.modal-header,.tasks-toolbar,.task-actions{justify-content:space-between}h2{margin:5px 0 0;font-size:25px;letter-spacing:-.035em}.heading-icon{display:grid;place-items:center;width:42px;height:42px;color:var(--green-dark);background:#eff5ee;border-radius:50%;font-size:25px;font-weight:300}.task-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:26px}.field{display:flex;flex-direction:column;gap:9px}.field-wide{grid-column:1 / -1}.field>span{color:#39443d;font-size:13px;font-weight:700}.field b{color:#dc5656}.field-error{color:var(--danger);font-size:12px;font-weight:700}.field input,.field textarea,.field select,.quick-status select{width:100%;color:var(--ink);background:#f8faf7;border:1px solid var(--line);border-radius:11px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.field input,.field select{height:46px;padding:0 14px}.field textarea{min-height:90px;padding:13px 14px;resize:vertical;line-height:1.6}.field input:focus,.field textarea:focus,.field select:focus,.quick-status select:focus{background:#fff;border-color:#5c987c;box-shadow:0 0 0 3px #1764481a}.primary-button,.secondary-button,.text-button,.filters button,.close-button,.error-banner button{border:0}.primary-button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:var(--green);border-radius:11px;font-weight:750;transition:transform .2s,background .2s}.primary-button:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.tasks-section{padding:64px 0 82px}.tasks-toolbar{gap:30px;flex-wrap:wrap;margin-bottom:24px}.title-with-count{gap:12px}.title-with-count>span{margin-top:7px;padding:4px 9px;color:var(--green);background:#e7efe9;border-radius:20px;font-size:11px;font-weight:800}.filters{display:flex;gap:5px;padding:5px;background:#e8ece7;border-radius:12px}.filters button{padding:9px 14px;color:#647068;background:transparent;border-radius:8px;font-size:13px;font-weight:700;transition:.2s}.filters button.active{color:var(--green-dark);background:#fff;box-shadow:0 2px 8px #19342514}.priority-filters{margin-left:auto}.task-list{display:grid;gap:14px}.task-card{display:grid;grid-template-columns:minmax(0,1fr) 210px;background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.task-card:hover{transform:translateY(-2px);border-color:#c8d4ca;box-shadow:0 12px 35px #28463514}.task-main{min-width:0;padding:24px 26px}.task-title-row{align-items:flex-start;gap:13px}.status-dot{width:10px;height:10px;flex:0 0 auto;margin-top:7px;border:2px solid;border-radius:50%}.status-dot.not-started{border-color:#9aa39d}.status-dot.in-progress{background:#e5a724;border-color:#e5a724}.status-dot.completed{background:#31936a;border-color:#31936a}.task-title-row h3{display:inline;margin:0 10px 0 0;font-size:18px;line-height:1.45;letter-spacing:-.02em}.task-completed h3{color:#768078;text-decoration:line-through}.status-badge,.priority-badge{display:inline-block;vertical-align:2px;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:800}.priority-badge{margin-left:5px}.status-badge.not-started{color:#667169;background:#eef0ee}.status-badge.in-progress{color:#8a5a00;background:#fff2cb}.status-badge.completed{color:#176448;background:#dff2e9}.priority-badge.priority-high{color:#a6372f;background:#ffe1dc}.priority-badge.priority-medium{color:#8a5a00;background:#fff0c2}.priority-badge.priority-low{color:#3f7058;background:#e2eee7}.task-description{margin:13px 0 18px 23px;color:var(--muted);font-size:14px;line-height:1.65;white-space:pre-wrap}.task-meta{display:flex;flex-wrap:wrap;gap:16px;margin-left:23px;color:#858e87;font-size:12px}.task-meta span{display:flex;align-items:center;gap:6px}.task-meta svg{width:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.task-actions{flex-direction:column;align-items:stretch;padding:22px;background:#f8faf7;border-left:1px solid var(--line)}.quick-status span{display:block;margin-bottom:8px;color:#838c85;font-size:10px;font-weight:800;letter-spacing:.08em}.quick-status select{height:40px;padding:0 10px;font-size:13px}.action-buttons{justify-content:flex-end;gap:7px}.text-button{padding:7px 10px;color:var(--green);background:transparent;border-radius:7px;font-size:12px;font-weight:750}.text-button:hover:not(:disabled){background:#e7efe9}.text-button.danger{color:var(--danger)}.text-button.danger:hover:not(:disabled){background:#fbeaea}.state-card{min-height:230px;display:grid;place-content:center;justify-items:center;color:var(--muted);background:#ffffffb8;border:1px dashed #cbd4cc;border-radius:16px}.loader{width:28px;height:28px;border:3px solid #d5dfd7;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-icon{width:52px;height:52px;display:grid;place-items:center;color:var(--green);background:#e7efe9;border-radius:50%;font-size:21px}.empty-state h3{margin:16px 0 5px;color:var(--ink);font-size:17px}.empty-state p,.state-card>p{margin:0;font-size:13px}.error-banner{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:13px 15px;color:#803737;background:#fff0f0;border:1px solid #f1cccc;border-radius:11px;font-size:13px}.error-banner>span{width:23px;height:23px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:#c24c4c;border-radius:50%;font-weight:800}.error-banner p{flex:1;margin:0}.error-banner button{padding:6px 9px;color:#803737;background:#f7dddd;border-radius:6px;font-weight:700}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px max(24px,calc((100vw - 1120px)/2));color:#7e8981;background:#e9ede8;font-size:12px}footer span{color:var(--green-dark);font-size:14px;font-weight:800}footer p{margin:0}.modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:24px;background:#081d158c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{width:min(600px,100%);max-height:calc(100vh - 48px);overflow-y:auto;padding:29px 31px 31px;background:#fff;border-radius:18px;box-shadow:0 30px 90px #00190f47;animation:modal-in .22s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}.close-button{width:36px;height:36px;color:#6a756d;background:#eff2ef;border-radius:50%;font-size:23px;line-height:1}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px}.modal-actions button{min-width:110px;min-height:44px}.secondary-button{color:#4f5a52;background:#edf1ed;border-radius:10px;font-weight:700}.toast{position:fixed;z-index:30;right:28px;bottom:28px;display:flex;align-items:center;gap:10px;padding:13px 18px;color:#fff;background:#123d2d;border:1px solid rgba(255,255,255,.16);border-radius:12px;box-shadow:0 14px 40px #0d32234d;font-size:13px;font-weight:700}.toast span{display:grid;place-items:center;width:20px;height:20px;color:var(--green-dark);background:var(--lime);border-radius:50%}.toast-enter-active,.toast-leave-active{transition:.25s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(10px)}@media(max-width:760px){.hero-content{min-height:270px;padding:45px 0 60px}.hero-shape{display:none}.main-content{width:min(100% - 28px,1120px)}.create-panel{padding:25px 20px}.task-form{grid-template-columns:1fr}.field-wide{grid-column:auto}.tasks-toolbar{align-items:flex-start;flex-direction:column}.filters{width:100%;overflow-x:auto}.priority-filters{margin-left:0}.filters button{flex:1 0 auto}.task-card{grid-template-columns:1fr}.task-actions{gap:18px;border-top:1px solid var(--line);border-left:0}.action-buttons{justify-content:flex-start}footer{align-items:flex-start;flex-direction:column}}@media(max-width:460px){.connection-state{display:none}.hero h1{font-size:40px}.task-main{padding:21px 18px}.task-description,.task-meta{margin-left:0}.modal{padding:24px 19px}.toast{right:14px;bottom:14px;left:14px}}.study-dashboard{padding:8px 0 90px;border-top:1px solid var(--line)}.study-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-top:62px}.study-section-header h2{margin-top:7px;font-size:31px}.study-section-header p{margin:10px 0 0;color:var(--muted);font-size:14px}.range-summary{display:flex;align-items:flex-end;flex-direction:column;gap:5px;color:#818b83;font-size:11px}.range-summary strong{color:var(--green-dark);font-size:13px}.study-range-tabs{display:inline-flex;gap:6px;margin:28px 0 23px;padding:5px;background:#e8ece7;border-radius:12px}.study-range-tabs button{padding:9px 17px;color:#657068;background:transparent;border:0;border-radius:8px;font-size:13px;font-weight:750}.study-range-tabs button.active{color:#fff;background:var(--green);box-shadow:0 4px 12px #17644833}.study-error{margin-top:0}.statistics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;transition:opacity .2s}.statistics-grid.is-loading{opacity:.55}.statistics-grid article{position:relative;min-height:132px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.statistics-grid article:after{content:"";position:absolute;right:-20px;bottom:-26px;width:70px;height:70px;background:#edf3ed;border-radius:50%}.statistics-grid article>span{color:#737e76;font-size:12px;font-weight:700}.statistics-grid article>strong{position:relative;z-index:1;color:var(--ink);font-size:clamp(17px,2vw,22px);letter-spacing:-.04em}.statistics-grid article>small{color:#a0a8a2;font-size:8px;font-weight:800;letter-spacing:.12em}.statistics-grid .highlight-stat{color:#fff;background:var(--green);border-color:var(--green)}.statistics-grid .highlight-stat:after{background:#dff06f2e}.statistics-grid .highlight-stat>span,.statistics-grid .highlight-stat>small{color:#c9ded2}.statistics-grid .highlight-stat>strong{color:#fff}.insights-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px;margin-top:14px}.insight-card,.study-form-panel,.records-panel{background:#fff;border:1px solid var(--line);border-radius:16px}.insight-card{min-height:330px;padding:24px}.insight-heading,.records-heading{display:flex;align-items:flex-start;justify-content:space-between}.insight-heading h3,.study-form-panel h3,.records-heading h3{margin:5px 0 0;color:var(--ink);font-size:19px;letter-spacing:-.025em}.chart-unit{padding:4px 8px;color:#758078;background:#f0f3f0;border-radius:6px;font-size:10px}.bar-chart{height:230px;display:flex;align-items:stretch;gap:clamp(5px,1.4vw,14px);padding:28px 4px 0;overflow-x:auto}.bar-column{min-width:34px;flex:1;display:grid;grid-template-rows:18px 1fr 22px;justify-items:center;gap:5px}.bar-value{color:#708078;font-size:9px;font-weight:800}.bar-track{width:min(34px,75%);height:100%;display:flex;align-items:flex-end;background:#eff3ef;border-radius:7px 7px 3px 3px;overflow:hidden}.bar-fill{width:100%;background:linear-gradient(180deg,#83b997,var(--green));border-radius:7px 7px 3px 3px;transition:height .35s ease}.bar-column:hover .bar-fill{background:linear-gradient(180deg,var(--lime),#6a9b70)}.bar-label{color:#8c958e;font-size:9px;white-space:nowrap}.ranking-list{display:grid;gap:20px;margin:28px 0 0;padding:0;list-style:none}.ranking-list li{display:flex;align-items:center;gap:13px}.rank-number{width:30px;color:#9ba49d;font-size:11px;font-weight:800}.ranking-list li:first-child .rank-number{color:var(--green);font-size:15px}.rank-content{min-width:0;flex:1}.rank-title{display:flex;justify-content:space-between;gap:15px;margin-bottom:7px}.rank-title strong{overflow:hidden;color:#344039;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.rank-title span{flex:0 0 auto;color:#6d796f;font-size:10px}.rank-track{height:5px;background:#edf1ed;border-radius:5px;overflow:hidden}.rank-track div{height:100%;background:linear-gradient(90deg,var(--green),#77a989);border-radius:inherit}.study-empty{min-height:190px;display:grid;place-content:center;justify-items:center;color:#8a948d;text-align:center}.study-empty.compact-empty{min-height:230px}.study-empty>span:not(.loader){color:#80a18e;font-size:28px}.study-empty h4{margin:12px 0 5px;color:#445048}.study-empty p{margin:8px 0 0;font-size:12px}.study-form-panel{margin-top:14px;padding:26px}.study-form-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--green-dark);background:#e8f0e9;border-radius:50%;font-size:23px}.study-record-form{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(145px,.8fr) minmax(150px,.8fr);align-items:end;gap:14px;margin-top:22px}.study-note-field{grid-column:span 2}.study-form-error{margin:0;color:var(--danger);font-size:12px;font-weight:700}.study-submit{min-height:46px}.records-panel{margin-top:14px;padding:26px}.records-heading>span{padding:5px 10px;color:var(--green);background:#e7efe9;border-radius:20px;font-size:10px;font-weight:800}.record-list{display:grid;margin-top:19px}.record-row{display:grid;grid-template-columns:minmax(190px,1.1fr) minmax(180px,1.4fr) 150px 105px;align-items:center;gap:20px;padding:18px 4px;border-top:1px solid #e8ece8}.record-date{min-width:0;display:flex;flex-direction:column;gap:6px}.record-date strong{color:#334039;font-size:13px}.record-date span{overflow:hidden;color:var(--green);font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.record-note{overflow:hidden;color:#78827b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.record-duration{color:var(--green-dark);font-size:13px;text-align:right}.record-actions{display:flex;justify-content:flex-end;gap:5px}.record-actions button{padding:6px 8px;color:var(--green);background:transparent;border:0;border-radius:6px;font-size:11px;font-weight:750}.record-actions button:hover{background:#e7efe9}.record-actions button.danger{color:var(--danger)}.record-actions button.danger:hover{background:#fbeaea}@media(max-width:980px){.statistics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.insights-grid{grid-template-columns:1fr}.study-record-form{grid-template-columns:repeat(2,minmax(0,1fr))}.study-note-field{grid-column:span 1}.record-row{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) 130px}.record-actions{grid-column:1 / -1;justify-content:flex-start}}@media(max-width:650px){.study-section-header{align-items:flex-start;flex-direction:column}.range-summary{align-items:flex-start}.study-range-tabs{width:100%;overflow-x:auto}.study-range-tabs button{flex:1 0 auto}.statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-grid article{min-height:118px;padding:17px}.study-record-form{grid-template-columns:1fr}.record-row{grid-template-columns:1fr auto;gap:13px}.record-note{grid-column:1 / -1;white-space:normal}.record-duration{grid-column:2;grid-row:1}.record-actions{grid-column:1 / -1}}