@font-face{font-family:Maoken Assorted Sans;src:url(/assets/MaokenAssortedSans-Lite-Cl2IwKEa.ttf) format("truetype");font-display:swap}:root{font-family:Microsoft YaHei,system-ui,sans-serif;color:#102a56;background:#0b1f42;--main-card-width: 980px;--main-card-height: 680px;--page-gap: 24px}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#9fc5ef #eaf3ff}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:#eaf3ff;border-radius:999px}*::-webkit-scrollbar-thumb{background:#9fc5ef;border:2px solid #eaf3ff;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#7faee2}body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:var(--page-gap);background:linear-gradient(#071a356b,#071a356b),url(/assets/background-m5IpMlZS.png) center / cover fixed no-repeat}.rain-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.rain-haze{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#a8c7e510,#234c7840)}.rain-drop{position:absolute;top:-24px;clip-path:polygon(50% 0%,61% 17%,76% 36%,89% 55%,96% 70%,95% 81%,88% 91%,77% 97%,64% 100%,36% 100%,23% 97%,12% 91%,5% 81%,4% 70%,11% 55%,24% 36%,39% 17%);background:linear-gradient(145deg,#effaff 7%,#82ccf2 45%,#2580c5);filter:drop-shadow(0 1px 1px #0c4f8c88);animation:rainfall ease-in infinite;will-change:transform}.rain-drop:after{content:"";position:absolute;top:31%;left:24%;width:24%;height:20%;border-radius:50%;background:#fffc;transform:rotate(-18deg)}.rain-drop:nth-of-type(3n){filter:saturate(.8)}.rain-drop:nth-of-type(4n){background:linear-gradient(145deg,#f5fcff,#9dd9f4 52%,#3d94cf)}@keyframes rainfall{0%{transform:translate3d(-8px,-8vh,0) scale(.62)}55%{transform:translate3d(16px,58vh,0) scale(.88)}to{transform:translate3d(34px,112vh,0) scale(1.12)}}.module-nav,.card{z-index:2}.card{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media(prefers-reduced-motion:reduce){.rain-drop{display:none}.rain-haze{opacity:.55}}.module-nav{position:fixed;left:max(18px,calc(50vw - 590px));top:50%;z-index:10;display:flex;flex-direction:column;gap:18px;transform:translateY(-50%)}.module-nav button{width:78px;height:78px;margin:0;padding:5px;border:0;background:transparent;box-shadow:none;opacity:.76;transition:transform .18s ease,opacity .18s ease}.module-nav button:hover{opacity:1;transform:scale(1.08)}.module-nav button.active{background:transparent;opacity:1;transform:translate(7px) scale(1.1)}.module-nav img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 5px #061a3978) drop-shadow(0 0 3px #d7e8ffb8)}.card{position:relative;width:800px;height:680px;min-height:0;margin:auto;padding:30px 40px;overflow:hidden;background:linear-gradient(145deg,#f5f9ffed,#dbe9ffed);border:1px solid #aac7f2;border-radius:28px;box-shadow:0 24px 70px #03142f73}.card>.records-screen,.card>.record-day-screen,.card>.management-screen,.card>.rest-screen{width:100%;height:100%;min-width:0}.card:has(.timer-left){display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:42px}.timer-left,.timer-right{min-width:0;min-height:0}.timer-left{display:flex;flex-direction:column}.timer-right{display:flex;flex-direction:column;gap:10px}.timer-right-top{position:relative;flex:0 0 205px;display:flex;justify-content:flex-end;min-height:205px}.timer-controls{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;overflow-y:scroll;overflow-x:hidden;padding-right:10px;scrollbar-gutter:stable;scrollbar-width:auto}.timer-controls::-webkit-scrollbar,.rest-screen::-webkit-scrollbar{width:12px}.timer-controls::-webkit-scrollbar-track,.rest-screen::-webkit-scrollbar-track{background:#e7f1fc;border:1px solid #c4daf2;border-radius:999px}.timer-controls::-webkit-scrollbar-thumb,.rest-screen::-webkit-scrollbar-thumb{min-height:46px;background:#86b4e5;border:2px solid #e7f1fc;border-radius:999px}.timer-controls::-webkit-scrollbar-thumb:hover,.rest-screen::-webkit-scrollbar-thumb:hover{background:#659dd7}.logout-link{position:relative;z-index:6;align-self:flex-start}.timer-right>button,.timer-right .study-stop-actions{flex:0 0 auto;margin-top:0}.timer-right .management-entry{margin-top:auto}.card>.error{position:absolute;left:50%;bottom:12px;transform:translate(-50%)}.eyebrow{margin:0;color:#3971b8;font-size:12px;font-weight:700;letter-spacing:.16em}h1{margin:7px 0 20px;color:#102f63}header{display:flex;justify-content:space-between;align-items:flex-start}.status{color:#345f95}input,select{width:100%;margin:7px 0;padding:14px;border:1px solid #abc5ea;border-radius:10px;background:#f7faff;color:#102a56;font:inherit}button{width:100%;margin-top:12px;padding:14px;border:0;border-radius:10px;background:#1759a6;color:#fff;font:700 16px in herit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.link{width:auto;padding:5px;background:transparent;color:#245da3;font-size:14px}.stop{background:#123e78}.end-day{background:transparent;border:1px solid #789bc7;color:#315f98}.rest-chooser label{color:#345d91;font-size:14px}.resting,.day-ended{color:#315f98;font-weight:600}.study-stop-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.study-stop-actions button{margin-top:0}.study-stop-actions .stop,.study-stop-actions .nap-button,.study-stop-actions .dinner-button{grid-column:1 / -1}.nap-button{background:#397cb7}.dinner-button{width:100%;height:auto;padding:14px;border-radius:10px;background:#36558c}.management-entry{background:transparent;border:1px solid #789bc7;color:#315f98}.timer-right select{margin:6px 0}.timer-right .chooser{margin:10px 0 2px}.timer-right .rest-chooser{margin:2px 0}.switch-subject{margin:2px 0 6px;background:#2f6fae}.clock{margin:10px 0;color:#0c3979;text-align:center;font:700 56px/1.2 ui-monospace,Consolas,monospace}.clock small{display:block;margin-top:10px;color:#315f98;font:600 15px Microsoft YaHei,sans-serif}.today-total{display:flex;justify-content:center;align-items:center;gap:10px;width:max-content;margin:0 auto 20px;padding:7px 14px;border-radius:999px;background:#bdd4f2;color:#315f98;font-size:12px}.today-total strong{color:#123e78;font:700 14px ui-monospace,Consolas,monospace}.period-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.period-totals span{padding:8px;border-radius:8px;background:#d5e5f9;color:#315f98;text-align:center;font-size:12px}.chooser{margin-top:0}.chooser label{display:block;color:#345d91;font-size:14px}.management-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}.management-panel{min-width:0;margin:0;padding:0;border:1px solid #abc5ea;border-radius:12px;background:#eaf2fc9c;overflow:hidden}.panel-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0;padding:11px 12px;border-radius:0;background:transparent;color:#245da3;font-size:13px;text-align:left}.panel-toggle b{font-size:18px;line-height:1}.manage-body{height:142px;margin:0;padding:8px;overflow-y:auto;overflow-x:hidden;border-top:1px solid #c8d9ee}.add-row{display:flex;gap:6px}.add-row input{flex:1}.add-row button{width:auto;margin:7px 0}.subject-manage{margin:10px 0 0;padding:0;list-style:none}.subject-manage li{display:flex;align-items:center;gap:6px;padding:6px 0;border-bottom:1px solid #abc5ea}.subject-manage .name{flex:1;color:#214b83;font-size:14px}.actions button,.subject-manage .save{width:auto;padding:5px 8px;font-size:13px}.danger{color:#a62d38}.error{margin-bottom:0;color:#a62d38;text-align:center}.hint{margin:8px 0 0;color:#52749f;font-size:12px;text-align:center}.rest-manage{margin:0;padding:0}.section-title{margin:0;color:#315f98;font-size:14px;font-weight:700}.rest-type-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.rest-type-list>span{padding:5px 8px;border-radius:8px;background:#d5e5f9;color:#315f98;font-size:12px}.rest-type-list button{margin:0 0 0 4px;font-size:12px}.rest-screen{grid-column:1 / -1;width:min(620px,100%);height:100%;min-height:0;margin:0 auto;padding:8px 12px 18px 0;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:auto;text-align:center}.rest-screen header{text-align:left}.rest-kind{display:inline-block;margin:14px 0 4px;padding:7px 16px;border-radius:999px;background:#cfe0f8;color:#315f98;font-weight:700}.rest-clock{margin:20px 0;color:#0c3979;font:700 64px/1.2 ui-monospace,Consolas,monospace}.rest-clock small{display:block;margin-top:10px;color:#315f98;font:600 15px Microsoft YaHei,sans-serif}.rest-summary{display:flex;justify-content:center;gap:12px;width:max-content;margin:0 auto;padding:8px 16px;border-radius:999px;background:#bdd4f2;color:#315f98;font-size:13px}.rest-summary strong{color:#123e78;font-family:ui-monospace,Consolas,monospace}.rest-note{margin:24px 0 12px;color:#52749f}.rest-actions{max-width:420px;margin:0 auto;text-align:left}.rest-actions label{color:#345d91;font-size:14px}.rest-actions .end-day{margin-top:10px}.rest-switch-panel{margin-top:16px;padding-top:14px;border-top:1px solid #b8cfea}.rest-switch-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.rest-switch-actions button{min-width:0;margin-top:4px;padding:11px 7px;font-size:13px}.rest-switch-actions .rest-switch-nap{border:1px solid #78a9d8;background:linear-gradient(145deg,#b9daf7,#91bfe9);box-shadow:0 5px 12px #345f9533,inset 0 1px #fffc;color:#174f89}.rest-switch-actions .rest-switch-dinner{border:1px solid #829dce;background:linear-gradient(145deg,#c8d9f5,#a8c1e9);box-shadow:0 5px 12px #34517f33,inset 0 1px #fffc;color:#294b82}.rest-switch-actions .rest-switch-nap:hover,.rest-switch-actions .rest-switch-dinner:hover{filter:saturate(1.08) brightness(.98);box-shadow:0 7px 16px #294f7d42,inset 0 1px #ffffffd9;transform:translateY(-1px)}.records-card{min-height:0}.records-screen{grid-column:1 / -1;display:flex;flex-direction:column;min-width:0;width:100%;height:100%;overflow:hidden}.record-tabs{display:flex;gap:12px;margin-bottom:16px}.record-tabs button{width:auto;margin:0;padding:9px 20px;background:#d5e5f9;color:#315f98}.record-tabs button.active{background:#1759a6;color:#fff}.calendar-view{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(225px,.35fr);gap:20px;width:100%;min-width:0;margin:0}.calendar-main{min-width:0}.month-switch{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.month-switch button{width:40px;height:36px;margin:0;padding:0}.calendar-grid{grid-column:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;min-width:0}.calendar-grid .weekday{color:#52749f;text-align:center;font-size:12px}.calendar-grid button{display:flex;flex-direction:column;justify-content:center;width:100%;aspect-ratio:1.05;min-width:0;min-height:54px;margin:0;padding:7px 2px 8px;overflow:hidden;background:#e2ecf9;color:#244f87;font-size:14px;line-height:1.15}.calendar-grid button.studied{background:#bdd4f2}.calendar-grid button.invalid{background:#ecd8dc;color:#8b3340;box-shadow:inset 0 0 0 2px #bd6874}.calendar-grid button.selected{outline:3px solid #1759a6;outline-offset:-2px}.calendar-grid button small{display:block;flex:0 0 auto;width:100%;margin-top:4px;overflow:visible;color:#416994;font:10px/1.2 ui-monospace,Consolas,monospace;letter-spacing:-.04em;white-space:nowrap}.calendar-grid button .invalid-label{color:#9b2f40;font-family:Microsoft YaHei,sans-serif;font-weight:700;letter-spacing:0}.month-summary{min-width:0;padding:16px;border-left:1px solid #abc5ea}.month-summary h2{margin:0 0 12px;color:#123e78;font-size:18px}.month-summary h3{margin:16px 0 8px;color:#315f98;font-size:14px}.month-total{padding:14px;border-radius:12px;background:#bdd4f2;color:#315f98}.month-total strong{display:block;margin-top:5px;color:#0c3979;font:700 23px ui-monospace,Consolas,monospace}.month-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.month-periods span{padding:8px 4px;border-radius:8px;background:#d5e5f9;color:#52749f;text-align:center;font-size:11px}.month-periods strong{display:block;margin-top:3px;color:#123e78;font:700 11px ui-monospace,Consolas,monospace}.month-categories{display:flex;flex-direction:column;gap:6px}.month-categories>div{display:grid;grid-template-columns:11px 1fr auto;gap:7px;align-items:center;padding:7px 8px;border-radius:8px;background:#e2ecf9;color:#315f98;font-size:12px}.month-categories i{width:11px;height:24px;border-radius:3px}.month-categories strong{font-family:ui-monospace,Consolas,monospace}.calendar-tip{margin:14px 0 0;color:#52749f;font-size:12px;line-height:1.6}.day-detail{grid-column:2;grid-row:1 / span 2;padding-left:24px;border-left:1px solid #abc5ea}.day-detail h2{margin:0 0 14px;color:#123e78;font-size:20px}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-stats span{padding:10px;border-radius:9px;background:#d5e5f9;color:#52749f;font-size:12px}.detail-stats strong{display:block;margin-top:4px;color:#123e78;font:700 14px ui-monospace,Consolas,monospace}.detail-subjects{display:flex;flex-direction:column;gap:6px;margin-top:14px;color:#315f98;font-size:13px}.chart-view{width:100%;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:8px}.chart-frame{flex:1;width:100%;min-height:0;max-height:none;min-width:600px;margin:0 auto}.chart-view svg{display:block;width:100%;height:100%;border:1px solid #abc5ea;background:#edf4fc8c}.grid-line{stroke:#aac4e5;stroke-width:1}.study-line{fill:none;stroke:#1759a6;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.chart-view circle{fill:#0c3979;stroke:#e8f1fc;stroke-width:2}.chart-view text{fill:#315f98;font-size:11px;text-anchor:middle}.chart-caption{margin:10px 0 0;color:#52749f;text-align:center;font-size:12px}.day-timeline{margin:0 0 16px}.timeline-track{position:relative;height:24px;overflow:hidden;border-radius:8px;background:#9ca3af;box-shadow:inset 0 0 0 1px #7b8491}.timeline-track>span{position:absolute;top:0;right:0;bottom:0;left:0;background:#9ca3af}.timeline-track>i{position:absolute;top:0;height:100%;min-width:2px;border-left:1px solid #ffffffb8}.timeline-axis{display:flex;justify-content:space-between;margin-top:5px;color:#52749f;font:10px ui-monospace,Consolas,monospace}.timeline-legend{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:9px;color:#52749f;font-size:11px}.timeline-legend span{display:inline-flex;align-items:center;gap:4px}.timeline-legend i,.category-list i{width:11px;height:11px;border-radius:3px}.timeline-legend .gray{background:#9ca3af}.timeline-legend .red{background:#dc2626}.timeline-legend .orange{background:#f59e0b}.management-screen{grid-column:1 / -1;width:min(820px,100%);height:100%;margin:0 auto;overflow-y:auto;overflow-x:hidden}.record-day-screen{width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.record-actions{display:flex;align-items:center;gap:8px}.record-actions button{width:auto;margin:0;padding:9px 12px;font-size:13px}.record-actions button.invalid-active{background:#a33b4b}.invalid-day-title{display:inline-block;margin-left:8px;padding:4px 8px;border-radius:999px;background:#a33b4b;color:#fff;font-size:12px;vertical-align:middle}.edit-tip{margin:4px 0 0;color:#52749f;font-size:12px}.large-timeline{margin:34px 10px 0}.large-timeline-track{position:relative;height:70px;overflow:hidden;border-radius:14px;background:#9ca3af;box-shadow:inset 0 0 0 2px #7b8491,0 10px 25px #36558c25}.large-timeline-track>span{position:absolute;top:0;right:0;bottom:0;left:0;background:#9ca3af}.large-timeline-track>i{position:absolute;top:0;display:flex;align-items:center;justify-content:center;height:100%;min-width:2px;border-left:2px solid #ffffffc9;color:#fff;font-style:normal;overflow:hidden}.large-timeline-track>i.editable-segment{overflow:visible;cursor:pointer;touch-action:none}.drag-handle{position:absolute;top:0;bottom:0;z-index:2;width:12px;background:transparent;cursor:ew-resize}.drag-handle.start{left:0}.drag-handle.end{right:0}.large-timeline-track.is-editing .drag-handle:after{content:"";position:absolute;top:18px;bottom:18px;left:5px;width:2px;border-radius:2px;background:#ffffffd9;box-shadow:0 0 0 1px #17375d66}.drag-tooltip{position:absolute;z-index:6;top:-34px;transform:translate(-50%);padding:5px 8px;border-radius:7px;background:#102a56;color:#fff;font:700 12px ui-monospace,Consolas,monospace;pointer-events:none;box-shadow:0 5px 14px #061a3952}.drag-tooltip:after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:#102a56;transform:translate(-50%) rotate(45deg)}.large-timeline-track b{padding:0 6px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px #0008}.timeline-axis.large{margin-top:10px;font-size:12px}.timeline-legend.large{justify-content:center;margin:24px 0;font-size:13px}.day-overview{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.day-overview>span{padding:11px 6px;border-radius:10px;background:#d5e5f9;color:#52749f;text-align:center;font-size:12px}.day-overview strong{display:block;margin-top:5px;color:#123e78;font:700 13px ui-monospace,Consolas,monospace}.day-segment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin-top:18px}.day-segment-list>button{display:grid;grid-template-columns:10px 78px minmax(70px,1fr) auto minmax(96px,auto) 32px;gap:7px;align-items:center;width:100%;margin:0;padding:8px 10px;border-radius:8px;background:#e5eef9;color:#315f98;text-align:left;font-size:12px}.day-segment-list i{width:10px;height:24px;border-radius:3px}.day-segment-list small{color:#52749f}.day-segment-list em{color:#1759a6;font-style:normal}.segment-tags{display:flex;flex-wrap:wrap;gap:4px}.segment-tags b{padding:3px 6px;border-radius:999px;background:#f5d49a;color:#7a4c00;font-size:10px;white-space:nowrap}.segment-tags b.rating-tag{background:#c9def7;color:#24558f}.day-segment-list>button:disabled{cursor:default;opacity:.82}.add-record-panel{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:14px 16px;border:1px dashed #789bc7;border-radius:12px;background:#eaf2fc9c;color:#315f98}.add-record-panel p{margin:4px 0 0;color:#52749f;font-size:12px}.add-record-panel button{width:auto;margin:0;white-space:nowrap}.category-pie-view{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);gap:48px;align-items:center;min-height:520px;padding:36px 54px}.day-pie{display:grid;place-items:center;width:min(340px,100%);aspect-ratio:1;margin:0 auto;border-radius:50%;box-shadow:0 18px 45px #17375d30}.day-pie:before{content:"";grid-area:1/1;width:56%;aspect-ratio:1;border-radius:50%;background:#eef5ff;box-shadow:inset 0 0 0 1px #abc5ea}.day-pie>div{z-index:1;grid-area:1/1;display:flex;flex-direction:column;gap:8px;align-items:center;color:#52749f}.day-pie strong{color:#102a56;font:700 22px ui-monospace,Consolas,monospace}.day-category-list{display:flex;flex-direction:column;gap:12px}.day-category-list article{display:grid;grid-template-columns:16px 1fr auto;gap:13px;align-items:center;padding:16px 18px;border:1px solid #c2d5ee;border-radius:13px;background:#e5eef9;color:#315f98}.day-category-list article>i{width:16px;height:42px;border-radius:5px}.day-category-list article div{display:flex;flex-direction:column;gap:5px}.day-category-list article span{color:#52749f;font-size:13px}.day-category-list time{color:#102a56;font:700 16px ui-monospace,Consolas,monospace}.pie-empty{display:flex;flex-direction:column;gap:8px;padding:28px;border-radius:14px;background:#e5eef9;color:#315f98;text-align:center}.pie-empty span{color:#52749f;font-size:13px}.editor-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#061a397d}.rating-dialog{width:min(520px,100%);padding:28px;border:1px solid #abc5ea;border-radius:20px;background:#eef5ff;color:#315f98;text-align:center;box-shadow:0 24px 70px #03142f73}.rating-dialog h2{margin:8px 0;color:#102f63}.rating-dialog>p:not(.eyebrow){margin:0 0 20px;color:#52749f}.rating-options{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.rating-options button{margin:0;padding:12px 5px;font-size:13px}.rating-options .invalid-rating{background:#6f92bb}.rating-dialog>.link{margin-top:14px}.session-editor{width:min(440px,100%);padding:24px;border:1px solid #abc5ea;border-radius:20px;background:#eef5ff;box-shadow:0 24px 70px #03142f73}.session-editor h2{margin:5px 0 12px}.session-editor label{display:block;color:#345d91;font-size:13px}.session-editor input,.session-editor select{margin:4px 0 10px;padding:10px}.session-editor select:disabled{opacity:.7}.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.editor-note{margin:2px 0 0;color:#52749f;font-size:12px}.editor-error{margin:8px 0 0;color:#a62d38;font-size:13px}.management-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.management-columns section:nth-child(2){grid-column:1 / -1;grid-row:2}.management-columns section:nth-child(3){grid-column:2;grid-row:1}.management-columns section{min-width:0;padding:14px;border:1px solid #abc5ea;border-radius:14px;background:#eaf2fc9c}.management-columns h2{margin:0 0 10px;color:#245da3;font-size:16px}.category-add{display:grid;grid-template-columns:minmax(0,1fr) 44px auto;gap:6px;align-items:center}.category-add input,.category-add button{margin:0}.category-add input[type=color]{height:44px;padding:4px}.category-list,.management-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.category-list>div,.management-list>div{display:flex;align-items:center;gap:5px;padding:7px;border-radius:8px;background:#d5e5f9}.category-list span,.management-list span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#315f98;font-size:13px}.category-list button,.management-list button{margin:0;padding:4px;font-size:12px}.management-list select{width:100px;margin:0;padding:6px;font-size:12px}.todo-today-widget{position:absolute;left:50%;top:18px;z-index:5;width:min(360px,100%);transform:translate(-50%)}.timer-right .todo-ticket{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:block;width:100%;aspect-ratio:1.66;margin:0;padding:0;overflow:visible;border:0;border-radius:0;background-color:transparent!important;background-image:none!important;box-shadow:none;color:#355675}.todo-ticket-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.todo-ticket-content{position:relative;z-index:1;width:min(240px,72%);margin:24px auto 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.todo-ticket:hover{transform:translateY(-2px);box-shadow:none;filter:drop-shadow(0 9px 10px #526f8c35)}.todo-ticket strong{display:-webkit-box;max-width:240px;overflow:hidden;color:#355675;font-family:Maoken Assorted Sans,Microsoft YaHei,sans-serif;font-size:21px;line-height:1.15;font-weight:700;-webkit-box-orient:vertical;-webkit-line-clamp:2}.todo-ticket-stars{color:#e4a632;font-size:14px;letter-spacing:.04em}.todo-ticket small{color:#6f8ba7;font-size:11px}.todo-popover{position:absolute;top:205px;right:0;z-index:30;width:310px;max-height:390px;overflow:auto;padding:16px;border:1px solid #a9c6ea;border-radius:18px;background:#f8fbfffa;box-shadow:0 18px 45px #12345b40}.todo-popover header{align-items:center}.todo-popover h3{margin:0}.todo-popover .link{width:auto;margin:0}.todo-popover-list{display:grid;gap:7px;margin:12px 0}.todo-popover-list label{display:flex;gap:9px;align-items:center;padding:9px;border-radius:10px;background:#e6f0fc}.todo-popover-list input{width:auto;margin:0}.todo-popover-list span{display:grid;text-align:left}.todo-popover-list small{color:#d39528}.todo-popover-list .completed{opacity:.58}.todo-popover-list .completed strong{text-decoration:line-through}.todo-item-form{margin:12px 0;padding:14px;border-radius:14px;background:#e8f1fd}.todo-item-form fieldset{margin:8px 0;border:0;padding:0}.todo-item-form legend{color:#476d99;font-size:12px}.star-button{width:auto;margin:0 3px 0 0;padding:4px;background:transparent;box-shadow:none;color:#a9b8c7;font-size:24px}.star-button.active{color:#e4a632}.todo-form-actions,.todo-editor-toolbar,.todo-range,.todo-batch-actions,.todo-day-add{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.todo-form-actions button,.todo-editor-toolbar button,.todo-range button,.todo-batch-actions button,.todo-day-add button{width:auto;margin:0}.secondary{background:#d8e7f8;color:#315f98}.danger,.danger-outline{background:#b64a58}.danger-outline{background:transparent;color:#a33d4c;border:1px solid #c77d87}.todo-calendar-editor{height:100%;overflow:auto}.todo-calendar-editor>header{margin-bottom:12px}.todo-editor-toolbar label{min-width:230px;flex:1}.todo-range label{min-width:160px;flex:1}.todo-range-section{margin-top:16px}.todo-range-section h3{margin:0 0 8px;color:#173f70;font-size:16px}.todo-range{align-items:end}.todo-calendar-cell{position:relative;aspect-ratio:1.05;min-width:0}.calendar-grid .todo-calendar-cell .todo-date-button{position:relative;height:100%;min-height:54px;aspect-ratio:auto}.todo-edit-grid .todo-date-button:disabled{opacity:.38;cursor:not-allowed}.todo-edit-grid .todo-date-button.todo-picked{outline:3px solid #2d9a65;outline-offset:-3px}.selected-band{position:absolute;left:0;right:0;bottom:0;height:46%;display:grid;place-items:center;background:#52b78899;color:#effff6;font-size:10px;font-weight:700}.calendar-grid .todo-calendar-cell .todo-remove-date{position:absolute;right:3px;top:2px;z-index:2;width:18px;min-width:18px;height:18px;min-height:18px;aspect-ratio:1;padding:0;display:grid;place-items:center;border-radius:50%;background:#c94251;color:#fff;font:700 14px/1 sans-serif}.todo-batch-actions{justify-content:flex-end;margin-top:12px}.todo-batch-actions span{margin-right:auto;color:#52749f}.todo-success{margin:10px 0 0;color:#2f7d5b;font-weight:700;text-align:right}.todo-batch-actions .danger{border:1px solid #dfa4ad;background:#efc2c8;color:#913746}.todo-batch-actions .danger:disabled{border-color:#ebc8ce;background:#f6dde1;color:#b57a84;opacity:1}.todo-empty,.todo-readonly-tip{padding:14px;border-radius:12px;background:#e6f0fc;color:#52749f;text-align:center}.todo-day-panel{margin-top:24px;padding-top:20px;border-top:1px solid #abc5ea}.todo-day-panel header{align-items:center}.todo-day-add label{min-width:230px;flex:1}.todo-day-add select{min-height:78px}.todo-day-list{display:grid;gap:7px;margin-top:12px}.todo-day-list article{display:grid;grid-template-columns:auto auto 1fr auto;gap:8px;align-items:center;padding:9px;border-radius:11px;background:#e4eefb}.todo-day-list article.completed{opacity:.58}.todo-day-list article.completed strong{text-decoration:line-through}.todo-day-list input{width:auto;margin:0}.todo-check,.todo-delete-one{width:30px;height:30px;margin:0;padding:0}.todo-check{border:2px solid #62a986;background:#f7fffb;color:#31825b}.todo-delete-one{background:#c95664}.todo-item-copy{display:flex;justify-content:space-between;gap:8px;width:100%;margin:0;padding:5px 8px;background:transparent;box-shadow:none;color:#284f7c;text-align:left}.todo-item-copy span{color:#d39528;white-space:nowrap}@media(max-width:760px){:root{--page-gap: 16px}.card{width:min(620px,100%);height:calc(100dvh - var(--page-gap) * 2);padding:30px 24px;overflow:auto}.card:has(.timer-left){display:block}.timer-right .chooser{margin-top:36px}.clock{font-size:45px}.module-nav{left:10px;top:auto;bottom:14px;flex-direction:row;transform:none}.module-nav button{width:60px;height:60px}.calendar-view{display:block}.month-summary{margin-top:18px;padding:16px 0 0;border-top:1px solid #abc5ea;border-left:0}.calendar-grid{margin-top:12px}.day-detail{margin-top:20px;padding:18px 0 0;border-top:1px solid #abc5ea;border-left:0}.study-stop-actions{display:grid}.management-columns{grid-template-columns:1fr}.management-columns section:nth-child(2),.management-columns section:nth-child(3){grid-column:1;grid-row:auto}.day-overview{grid-template-columns:repeat(2,1fr)}.day-segment-list{grid-template-columns:1fr}.category-pie-view{grid-template-columns:1fr;gap:28px;min-height:0;padding:28px 0}.day-pie{width:min(280px,82vw)}.record-actions{flex-wrap:wrap;justify-content:flex-end}.rating-options{grid-template-columns:1fr}.todo-today-widget{position:relative;left:auto;top:auto;width:min(360px,100%);margin:0 auto;transform:none}.timer-right .todo-ticket{width:100%}.todo-popover{position:fixed;inset:8vh 18px auto;width:auto;max-height:80vh}.todo-editor-toolbar,.todo-range,.todo-day-add{align-items:stretch;flex-direction:column}.todo-editor-toolbar button,.todo-range button,.todo-day-add button{width:100%}}.guest-preview{min-height:180px;padding:24px;border:1px dashed #a9c6e8;border-radius:24px;background:#f0f7ffb8}.auth-dialog{width:min(420px,100%);margin:24px auto 0;display:grid;gap:12px;padding:24px;border-radius:24px;background:#ffffffe6;box-shadow:0 16px 44px #42699129}.auth-dialog h2{margin:0}.auth-dialog input{box-sizing:border-box;width:100%}.auth-dialog .remember{display:flex;align-items:center;gap:8px}.auth-dialog .remember input{width:auto}.personal-center{width:100%;height:100%;min-width:0;overflow:auto}.personal-center>header{display:flex;justify-content:space-between;align-items:center}.profile-message{padding:10px 14px;border-radius:12px;background:#eef6ff;color:#315d8d}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.profile-grid section{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #c8dcf1;border-radius:20px;background:#ffffffc7}.profile-grid h2{margin:0}.profile-grid label{display:grid;gap:6px}.profile-grid input{box-sizing:border-box;width:100%}.profile-avatar{width:112px;height:112px;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 7px 22px #325a8233}.profile-actions{display:flex;gap:8px;flex-wrap:wrap}.button-file{display:inline-flex!important;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;background:#4b82bd;color:#fff;cursor:pointer}.button-file input{display:none}@media(max-width:850px){.profile-grid{grid-template-columns:1fr}.personal-center{min-width:0}.module-nav{gap:8px}}