*{box-sizing:border-box}html,body{margin:0;background:#f3f0e8;color:#18191b;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif}body{-webkit-font-smoothing:antialiased}.topbar{height:66px;padding:env(safe-area-inset-top) 18px 0;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5;background:#f3f0e8ee;backdrop-filter:blur(18px)}.brand{font:18px Georgia,serif}.icon-btn{width:42px;height:42px;font-size:22px}.view{display:none;max-width:720px;margin:auto;padding:14px 19px 112px}.view.active{display:block}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#77746c}.title{font:400 30px Georgia,serif;margin:7px 0}.hero{font:300 49px Georgia,serif;margin:6px 0}.muted,.note{color:#77746c}.note{font-size:12px;line-height:1.55}.card{background:#ffffff8c;border:1px solid #2221;border-radius:19px;padding:17px;margin:13px 0;box-shadow:0 7px 25px #322d2306}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{padding:16px;border-radius:17px;background:#fff9}.stat strong{font:400 24px Georgia,serif;display:block}.stat span{font-size:11px;color:#777}.section{font:400 18px Georgia,serif;margin:28px 0 10px}.progress-line{height:6px;background:#ddd9d0;border-radius:99px;overflow:hidden}.progress-line i{display:block;height:100%;background:#2d3b4c;border-radius:99px}.goal-row{display:flex;justify-content:space-between;margin-bottom:10px}.bar-chart{height:170px;display:flex;gap:6px;align-items:end;border-bottom:1px solid #d8d4cb;padding:10px 2px 21px}.bar-wrap{flex:1;height:100%;position:relative;display:flex;align-items:end;justify-content:center}.bar{width:min(24px,68%);background:#334154;border-radius:5px 5px 2px 2px;min-height:2px}.bar-label{position:absolute;bottom:-19px;font-size:9px;color:#7a7770}.heatmap{display:grid;grid-template-columns:repeat(14,1fr);gap:4px}.heat{aspect-ratio:1;border-radius:3px;background:#e2ded5}.heat.l1{background:#c9d0d6}.heat.l2{background:#9faebb}.heat.l3{background:#657588}.heat.l4{background:#2d3b4c}.subject{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #dedad1}.subject:last-child{border-bottom:0}.symbol{width:39px;height:39px;border-radius:12px;background:#dce2e6;display:grid;place-items:center}.subject-main{flex:1}.subject-name{font-size:15px}.subject-meta{font-size:11px;color:#777;margin-top:3px}.chev{color:#999;font-size:21px}.tabbar{position:fixed;left:0;right:0;bottom:0;height:78px;padding-bottom:env(safe-area-inset-bottom);display:flex;align-items:center;justify-content:space-around;background:#f3f0e8f5;backdrop-filter:blur(20px);border-top:1px solid #dad6cd;z-index:10}.tab{width:62px;color:#777;display:flex;flex-direction:column;align-items:center;gap:2px}.tab.active{color:#18191b}.tab b{font-size:21px;font-weight:400}.tab small{font-size:9px}.start-btn{width:57px;height:57px;margin-top:-25px;border-radius:50%;background:#18191b;color:#fff;font-size:28px;box-shadow:0 8px 22px #0002}.sheet{position:fixed;inset:0;z-index:30}.hidden{display:none!important}.backdrop{position:absolute;inset:0;background:#0006}.sheet-card{position:absolute;left:0;right:0;bottom:0;background:#f8f5ee;border-radius:25px 25px 0 0;padding:23px 20px calc(25px + env(safe-area-inset-bottom));max-height:90svh;overflow:auto}.sheet-card h2{font:400 25px Georgia,serif;margin:0 0 18px}.field{margin:13px 0}.field label{display:block;font-size:11px;color:#777;margin-bottom:6px}.field input,.field select{width:100%;padding:13px;border-radius:12px;border:1px solid #d2cec5;background:#fff}.primary,.secondary{width:100%;padding:14px;border-radius:13px;margin-top:10px}.primary{background:#18191b;color:#fff;font-weight:600}.secondary{background:#e4e0d7}.timer{position:fixed;inset:0;background:#060607;color:#fff;z-index:50;display:flex;flex-direction:column;padding:calc(24px + env(safe-area-inset-top)) 24px calc(25px + env(safe-area-inset-bottom))}.timer-head{display:flex;justify-content:space-between}.timer-subject{text-align:center;margin-top:16vh;color:#aaa;font:400 20px Georgia,serif}.timer-value{text-align:center;font:300 clamp(55px,16vw,82px) ui-monospace,monospace;margin:22px 0}.timer-progress{height:2px;background:#333;margin:0 34px}.timer-progress i{display:block;height:100%;background:#eee}.timer-controls{margin-top:auto;display:flex;justify-content:center;align-items:center;gap:45px}.timer-controls button{color:#fff}.pause{width:88px;height:88px;border:1px solid #777;border-radius:50%;font-size:25px}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%,20px);opacity:0;background:#191a1c;color:#fff;padding:11px 15px;border-radius:12px;font-size:12px;z-index:80;transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}.danger{color:#a03d3d}.list-btn{width:100%;text-align:left;padding:13px 0;border-bottom:1px solid #ddd8ce}.line{width:100%;height:190px}.line svg{width:100%;height:100%}@media(min-width:700px){.tabbar{max-width:720px;left:50%;right:auto;width:100%;transform:translateX(-50%)}}