.study-app{color:#2f3d31;background:#f7f8f3;min-height:100vh}.study-nav{background:#fff;border-bottom:1px solid #e6eade;justify-content:space-between;align-items:center;gap:20px;height:73px;padding:0 max(24px,50vw - 555px);display:flex}.study-nav>a{color:#93a089;align-items:center;gap:7px;font-size:11px;display:flex}.study-nav>span{letter-spacing:-.8px;align-items:center;gap:8px;font-size:19px;font-weight:800;display:flex}.study-dot{background:#a7ba78;border-radius:50%;width:6px;height:6px;margin-left:1px}.study-nav>small{letter-spacing:1.6px;color:#9da98e;font-size:8px}.study-body{max-width:1160px;margin:auto;padding:38px 25px 0}.study-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:27px;display:flex}.study-kicker{letter-spacing:2px;color:#97a482;font-size:8px}.study-heading h1{letter-spacing:-1.6px;margin:10px 0;font-size:33px;font-weight:750}.study-heading h1 span{color:#becf91;margin-left:14px;font-size:37px;display:inline-block;transform:rotate(14deg)}.study-heading p{color:#929e87;margin:0;font-size:11px}.today-tag{color:#8b9d77;background:#fbfcf7;border:1px solid #dde5d2;border-radius:30px;align-items:center;gap:8px;padding:10px 16px;font-size:11px;display:flex}.study-stats{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:23px;display:grid}.study-stats>div{background:#fff;border:1px solid #e2e8da;border-radius:13px;padding:21px 24px}.study-stats>div>span{color:#8c9c7d;font-size:10px}.study-stats strong{letter-spacing:-1px;margin:9px 0 7px;font-size:28px;font-weight:700;display:block}.study-stats strong small{color:#a0ad91;font-size:13px;font-weight:400}.study-stats p{color:#abb69c;margin:0;font-size:9px}.study-progress{background:#eff3e8;border-radius:8px;height:4px;margin-top:13px;overflow:hidden}.study-progress i{background:#9db780;border-radius:8px;height:100%;transition:width .2s;display:block}.study-columns{grid-template-columns:1.45fr 1fr;align-items:start;gap:22px;display:grid}.study-panel{background:#fff;border:1px solid #e2e8da;border-radius:15px;padding:24px}.study-panel-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;display:flex}.study-panel-title h2{letter-spacing:-.3px;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.study-panel-title h2 svg{color:#8b9e78}.study-panel-title>span{letter-spacing:1px;color:#b1baa5;font-size:7px}.study-app input:not([type=checkbox]),.study-app select{color:#5f7051;background:#fbfcf9;border:1px solid #e0e7d7;border-radius:7px;min-width:0;padding:11px 12px;font-size:11px}.study-app input::placeholder{color:#a8b29b}.task-form>input{width:100%}.task-form>div{gap:8px;margin-top:8px;display:flex}.task-form select{width:95px}.task-form input[type=date]{flex:1}.task-form button,.exam-form button{color:#fff;background:#6f8c5e;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:10px 14px;font-size:11px;display:flex}.study-app button:disabled{opacity:.5;cursor:not-allowed}.task-tabs{border-bottom:1px solid #edf0e8;gap:5px;margin-bottom:3px;padding:19px 0 11px;display:flex}.task-tabs button{color:#98a58b;border-radius:5px;padding:6px 12px;font-size:10px}.task-tabs button.active{color:#6e8958;background:#edf3e6}.task-list{min-height:330px;max-height:700px;overflow:auto}.task-row{border-bottom:1px solid #eff2e9;align-items:center;gap:12px;padding:19px 0;display:flex}.task-row>input{accent-color:#7d9c67;cursor:pointer;flex-shrink:0;width:17px;height:17px}.task-row>div{flex:1;min-width:0}.task-row strong{overflow-wrap:anywhere;font-size:13px;font-weight:500;line-height:1.8}.task-row.done strong{color:#b4bca9;text-decoration:line-through}.task-row p{color:#a8b299;flex-wrap:wrap;align-items:center;gap:9px;margin:7px 0 0;font-size:9px;display:flex}.task-row p>span{color:#8d9d78;background:#f1f4e9;border-radius:4px;padding:2px 6px}.task-row b{color:#8d9e74;font-size:8px;font-weight:500}.task-row b.late{color:#c47e65}.task-row>button{color:#b5bfaa;padding:8px}.study-empty{color:#bbc6aa;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:300px;display:flex}.study-empty strong{color:#98a987;font-size:12px;font-weight:500}.study-empty p{color:#b0bda0;margin:0;font-size:10px}.study-right{gap:22px;display:grid}.timer-tabs{background:#f4f6ef;border-radius:8px;justify-content:center;gap:4px;width:210px;margin:0 auto 23px;padding:4px;display:flex}.timer-tabs button{color:#a1af90;white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:4px;padding:7px 13px;font-size:10px;display:flex}.timer-tabs .active{color:#648249;background:#fff;border-radius:5px;box-shadow:0 1px 3px #2e4b1010}.timer-ring{border-radius:50%;width:205px;height:205px;margin:auto;padding:6px}.timer-ring>div{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.timer-ring small{color:#a0ae8f;font-size:9px}.timer-ring strong{font-variant-numeric:tabular-nums;letter-spacing:-1px;color:#4c6540;margin:6px 0;font-size:43px;font-weight:600}.timer-ring strong span{color:#a4b58c;margin:0 3px}.timer-ring div>span{letter-spacing:2px;color:#a7b793;font-size:6px}.timer-actions{justify-content:center;gap:8px;margin-top:24px;display:flex}.timer-actions button{color:#fff;background:#6f8c5e;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 25px;font-size:11px;display:flex}.timer-actions button:last-child{color:#94a67c;background:#f2f5eb;padding:12px}.timer-note{text-align:center;color:#b0bda0;margin:14px 0 0;font-size:8px;line-height:1.8}.exam-form>input{width:100%}.exam-form>div{gap:8px;margin-top:8px;display:flex}.exam-form input[type=date]{flex:1}.exam-row{align-items:center;gap:13px;padding:16px 0 0;display:flex}.dday{text-align:center;color:#899b58;background:#f0f3e3;border-radius:8px;min-width:62px;padding:10px 8px;font-size:14px;font-weight:650}.dday.past{color:#b3b6a8;background:#f4f4f0}.exam-row>div{flex:1;min-width:0}.exam-row strong{overflow-wrap:anywhere;font-size:11px;font-weight:500}.exam-row small{color:#a4b194;margin-top:5px;font-size:9px;display:block}.exam-row button{color:#b4bfa7;padding:5px}.exam-empty{color:#aebba0;text-align:center;margin:25px 0 7px;font-size:10px}.study-storage{color:#a4b195;padding:25px 5px 0;font-size:9px;line-height:1.9}.study-storage>span{color:#a7bb88;margin-right:5px}.study-body footer{margin-top:22px}.study-message{color:#f4f8ed;z-index:30;background:#344d32;border-radius:12px;align-items:center;gap:20px;width:max-content;max-width:90vw;padding:15px 20px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 4px 25px #20332225}.study-message button{color:#cedeb9;white-space:nowrap;font-size:10px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:750px){.study-columns{grid-template-columns:1fr}.study-nav{height:63px;padding:0 18px}.study-nav>small{display:none}.study-body{padding:28px 17px 0}.study-heading h1{font-size:29px}.study-heading h1 span{font-size:30px}.study-heading p{font-size:10px}.today-tag{display:none}.study-stats{gap:8px}.study-stats>div{padding:16px 12px}.study-stats strong{font-size:24px}.study-stats>div>span{font-size:9px}.study-stats p{font-size:7px}.study-panel{padding:20px 17px}.task-list{min-height:150px}.study-empty{min-height:180px}.task-form select{width:76px;padding:9px 7px}.task-form button{padding:9px;font-size:10px}.task-form input[type=date]{width:120px;padding:9px 7px}.study-columns,.study-right{gap:15px}.study-storage{font-size:8px}.study-message{padding:13px 16px;font-size:11px}.study-nav>span{font-size:17px}.study-nav>a{font-size:10px}}