*{box-sizing:border-box}html{color:#15212d;background:#f5f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}.wrap{max-width:1160px;margin:0 auto;padding:42px 20px 60px}.hero{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:.18em;color:#708090;font-size:11px;font-weight:800}.hero h1{letter-spacing:-.03em;margin:6px 0 4px;font-size:38px}.hero p{color:#65717d;max-width:650px;margin:0}.total{text-align:right}.total span{color:#708090;font-size:13px;display:block}.total strong{font-size:30px}.timerCard{color:#fff;text-align:center;background:#111c27;border-radius:24px;padding:34px;position:relative;box-shadow:0 14px 45px #111c2721}.status{letter-spacing:.15em;color:#aab6c1;font-size:12px;font-weight:800}.clock{font-variant-numeric:tabular-nums;letter-spacing:-.045em;margin:12px 0 14px;font-size:clamp(52px,9vw,92px);font-weight:750}.cycleInfo{color:#dbe4eb;background:#1b2935;border:1px solid #2d3d49;border-radius:999px;align-items:baseline;gap:8px;margin-bottom:18px;padding:8px 13px;display:inline-flex}.cycleInfo span,.cycleInfo small{color:#9fb0bc;font-size:12px}.cycleInfo strong{font-variant-numeric:tabular-nums;font-size:14px}.controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}button{cursor:pointer;border:0;border-radius:12px;padding:13px 20px;font-size:15px;font-weight:750}.primary{color:#17315a;background:#dfe8ff}.secondary{color:#172533;background:#fff}.finish{color:#174527;background:#d6f2df}.ghost{color:#4d5965;background:#e9edf1}.timerCard .ghost{color:#cad3db;background:#263440}.timerHint{color:#8fa0ad;margin:16px 0 0;font-size:12px}.grid{grid-template-columns:.85fr 1.15fr;gap:20px;margin-top:20px;display:grid}.card{background:#fff;border:1px solid #e4e8ec;border-radius:20px;min-width:0;padding:24px}.sectionHead{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sectionHead h2,.modal h2,.alertFloat h2{margin:5px 0 0;font-size:21px}.sectionHead>strong{background:#f0f2f4;border-radius:12px;place-items:center;min-width:38px;height:38px;display:grid}.empty{color:#7b8792;padding:18px 0;font-size:14px}.subject{border-top:1px solid #edf0f2;padding:13px 0}.subject:first-child{border-top:0}.subjectTop{justify-content:space-between;gap:12px;display:flex}.bar{background:#edf0f2;border-radius:999px;height:7px;margin:10px 0 6px;overflow:hidden}.bar i{background:#506476;border-radius:999px;height:100%;display:block}.subject small,.dayHead span,.historyRow span,.historyRow small{color:#81909c;font-size:12px;display:block}.days{gap:10px;display:grid}.day{border:1px solid #e6eaee;border-radius:14px;overflow:hidden}.dayHead{color:#172533;text-align:left;background:#f8f9fa;border-radius:0;justify-content:space-between;align-items:center;width:100%;padding:14px 15px;display:flex}.dayHead>div:last-child{text-align:right}.dayHead b{font-size:15px}.dayHead strong{font-variant-numeric:tabular-nums}.daySessions{padding:0 15px}.historyRow{border-top:1px solid #edf0f2;justify-content:space-between;gap:16px;padding:15px 0;display:flex}.historyRow:first-child{border-top:0}.historyMain{min-width:0}.historyMain b{margin-bottom:3px;display:block}.historyMain small{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px}.historyMain .noNote{color:#a0aab2;font-style:italic}.historyActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.historyActions button{color:#4f5d68;background:#eef1f4;padding:8px 10px;font-size:12px}.historyActions .danger{color:#864b4b;background:#f7ecec}.modalBackdrop{z-index:20;background:#060c1299;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;width:min(520px,100%);max-height:calc(100vh - 40px);padding:26px;overflow:auto}.savedTime{color:#61707b;background:#f4f6f8;border-radius:12px;margin:15px 0 18px;padding:12px 14px}.modal label{margin:14px 0;font-size:13px;font-weight:700;display:block}.modal input,.modal select,.modal textarea{color:#172533;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #d8dee4;border-radius:10px;margin-top:7px;padding:13px;font-size:16px;display:block}.modalBtns{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.modal button:disabled{opacity:.45;cursor:not-allowed}.alertFloat{z-index:15;background:#fff;border:1px solid #dfe5ea;border-radius:20px;grid-template-columns:auto 1fr;align-items:start;gap:13px;width:min(430px,100% - 40px);padding:19px;display:grid;position:fixed;bottom:20px;right:20px;box-shadow:0 18px 55px #111c2738}.alertFloat .primary{grid-column:1/-1;width:100%}.alertFloat p{color:#65717d;margin:8px 0 0;font-size:13px;line-height:1.45}.alertPulse{background:#f0f2f4;border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;animation:1.25s ease-in-out infinite pulse;display:grid}@keyframes pulse{50%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.alertPulse{animation:none}}footer{text-align:center;color:#8a959f;margin-top:26px;font-size:12px}@media (width<=800px){.wrap{padding-top:25px}.hero{flex-direction:column;align-items:flex-start}.total{text-align:left}.grid{grid-template-columns:1fr}.timerCard{padding:28px 15px}.clock{font-size:54px}.controls button{flex:40%}.historyRow{flex-direction:column}.historyActions{justify-content:flex-start}.modalBtns button{flex:1}.alertFloat{width:calc(100% - 24px);bottom:12px;right:12px}}.alertSettings{margin-top:20px}.settingsIntro{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.settingsIntro h2{margin:5px 0 6px;font-size:21px}.settingsIntro p{color:#6d7984;max-width:650px;margin:0;font-size:14px;line-height:1.5}.activeMarks{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.activeMarks span{color:#485965;white-space:nowrap;background:#eef1f4;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:750}.alertForm{border-top:1px solid #edf0f2;margin-top:18px;padding-top:18px}.alertInputs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.alertInputs label{color:#60707c;font-size:12px;font-weight:750}.minuteInput{background:#fff;border:1px solid #d8dee4;border-radius:11px;align-items:center;margin-top:6px;display:flex;overflow:hidden}.minuteInput input{width:100%;min-width:0;font:inherit;color:#172533;background:#fff;border:0;outline:0;padding:12px 10px;font-size:16px}.minuteInput span{color:#84919b;padding:0 10px;font-size:12px}.settingsActions{justify-content:flex-end;gap:10px;margin-top:15px;display:flex}.settingsHint,.settingsMessage{color:#7a8791;margin:10px 0 0;font-size:12px}.settingsMessage{color:#53636e;font-weight:700}@media (width<=700px){.settingsIntro{flex-direction:column}.activeMarks{justify-content:flex-start}.alertInputs{grid-template-columns:repeat(2,minmax(0,1fr))}.settingsActions button{flex:1}}@media (width<=380px){.alertInputs{grid-template-columns:1fr}}.statsPanel{margin-top:20px}.statsTitle{margin-bottom:20px}.statsCaption{color:#82909a;background:#f2f4f6;border-radius:999px;padding:7px 10px;font-size:12px}.statTiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.statTile{background:#fafbfc;border:1px solid #e7ebee;border-radius:14px;min-width:0;padding:15px}.statTile span,.statTile small{color:#7d8993;font-size:12px;display:block}.statTile strong{letter-spacing:-.02em;overflow-wrap:anywhere;margin:6px 0 3px;font-size:22px;display:block}.statTile .topSubjectName{font-size:18px;line-height:1.2}.chartArea{border-top:1px solid #edf0f2;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);align-items:center;gap:28px;margin-top:24px;padding-top:24px;display:grid}.donutWrap{place-items:center;min-width:0;display:grid}.donut{aspect-ratio:1;border-radius:50%;place-items:center;width:min(280px,82vw);display:grid;position:relative}.donut:after{content:"";border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #14222e0a}.donutHole{aspect-ratio:1;text-align:center;background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:58%;padding:12px;display:flex;box-shadow:0 0 0 1px #edf0f2}.donutHole span,.donutHole small{color:#7b8994;font-size:12px}.donutHole strong{letter-spacing:-.03em;margin:4px 0;font-size:24px}.legendHead{justify-content:space-between;align-items:end;gap:12px;margin-bottom:10px;display:flex}.legendHead h3{margin:4px 0 0;font-size:18px}.legendHead>span{color:#7d8993;font-size:13px}.legendRows{gap:2px;max-height:350px;padding-right:3px;display:grid;overflow:auto}.legendRow{border-top:1px solid #eff2f4;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;display:grid}.legendRow:first-child{border-top:0}.legendDot{border-radius:50%;width:10px;height:10px}.legendName{min-width:0}.legendName b{overflow-wrap:anywhere;font-size:14px;display:block}.legendName small{color:#83909a;margin-top:2px;font-size:11px;display:block}.legendRow>strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}@media (width<=900px){.statTiles{grid-template-columns:repeat(2,minmax(0,1fr))}.chartArea{grid-template-columns:1fr}.legendRows{max-height:none}}@media (width<=480px){.statTiles{grid-template-columns:1fr}.statsCaption{display:none}.donut{width:min(240px,78vw)}.legendRow{grid-template-columns:12px minmax(0,1fr)}.legendRow>strong{color:#52616c;grid-column:2;justify-self:start;margin-top:-5px}}.pdfPanel{margin-top:20px}.pdfPanel>p{color:#6d7984;margin:0;font-size:14px;line-height:1.5}.pdfActions{flex-wrap:wrap;gap:10px;margin-top:17px;display:flex}.pdfNotes{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.pdfNotes span{color:#6f7d87;background:#f6f8f9;border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.4}.subjectDelete{color:#864b4b;background:#f7ecec;border-radius:6px;margin-left:5px;padding:2px 6px;font-size:11px}@media (width<=600px){.pdfActions button{width:100%}.pdfNotes{grid-template-columns:1fr}}