:root{color:var(--tg-theme-text-color, #f7f5ee);background:var(--tg-theme-bg-color, #102d28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#102d28}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;max-width:640px;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 20px calc(104px + env(safe-area-inset-bottom));background:linear-gradient(145deg,#0b2824,#16483c);overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:8px;align-items:center;color:#f8f6ef;font-size:20px;font-weight:800;letter-spacing:-.9px}.brand>span:last-child>span{color:#a8d9b7;font-weight:500}.brand-mark{display:grid;width:30px;height:30px;place-items:center;border:1px solid #99cba8;border-radius:50%;color:#102d28;background:#c5e2b9;font-family:Georgia,serif;font-size:18px}.avatar{width:36px;height:36px;border:0;border-radius:50%;background:#eff7e81f;color:#fff;letter-spacing:1px}.intro{padding:42px 2px 25px}.eyebrow{margin:0 0 8px;color:#a9d2ae;font-size:10px;font-weight:800;letter-spacing:1.7px}h1,h2,p{margin-top:0}h1{margin-bottom:12px;color:#fbfaf4;font-family:Georgia,Times New Roman,serif;font-size:clamp(37px,11vw,54px);font-weight:500;letter-spacing:-2.8px;line-height:.98}h1 em{color:#cbe7a4;font-style:italic}.intro>p:last-child{max-width:275px;margin-bottom:0;color:#bbccc2;font-size:14px;line-height:1.5}.month-card{position:relative;margin-bottom:18px;padding:19px;border:1px solid rgba(220,240,206,.19);border-radius:22px;color:#15342c;background:#cce5b9;box-shadow:0 16px 35px #000f0c2b;overflow:hidden}.month-card:after{position:absolute;inset:auto -16px -40px auto;width:126px;height:126px;border:1px solid rgba(36,80,55,.15);border-radius:50%;content:""}.month-title,.month-metrics{position:relative;z-index:1;display:flex;justify-content:space-between}.month-title h2{margin:0;text-transform:capitalize;font-size:23px;letter-spacing:-.8px}.month-title .eyebrow{color:#477354}.cue-ball{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;color:#fffef7;background:#194d40;box-shadow:inset -7px -6px 10px #0003;font-size:17px}.month-metrics{gap:15px;margin-top:22px;padding-top:14px;border-top:1px solid rgba(31,77,55,.18)}.month-metrics>div{display:grid;gap:2px}.month-metrics strong{font-size:19px;letter-spacing:-.7px}.month-metrics span{color:#50715a;font-size:11px}.calendar-panel,.stats-screen{padding:18px 14px 13px;border:1px solid #245248;border-radius:22px;background:#092e27;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.calendar-head{display:flex;align-items:center;justify-content:space-between;padding:0 2px 17px}.calendar-head strong{color:#f2f3e9;text-transform:capitalize;font-size:15px}.calendar-head button{width:32px;height:32px;border:1px solid rgba(233,247,223,.12);border-radius:10px;color:#d9ecdb;background:transparent;font-size:17px}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.weekdays{margin-bottom:7px;color:#a8c9b9;font-size:10px;font-weight:700;text-align:center}.calendar-day,.calendar-empty{aspect-ratio:.87;min-height:49px}.calendar-day{display:flex;flex-direction:column;justify-content:space-between;padding:6px 4px;border:1px solid #1b4d42;border-radius:11px;color:#effaf2;background:linear-gradient(145deg,#164a3f,#0e372f);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.calendar-day:hover{border-color:#4f8c77}.calendar-day:active{transform:scale(.93)}.calendar-day b{font-size:clamp(13px,2vw,16px);font-weight:800}.calendar-day small{overflow:hidden;font-size:9px;font-weight:700;letter-spacing:-.2px;white-space:nowrap}.level-0{background:#d5ebda0e}.level-1{color:#16372d;background:#91caa2}.level-2{color:#fff;background:#4d9a68}.level-3{color:#fff;background:#2b7251}.level-4{color:#fff;background:#153e33}.calendar-day.today{border-color:#e3ffa4;box-shadow:0 0 0 1px #e3ffa459}.calendar-day.chosen{outline:2px solid #eff9b4;outline-offset:1px}.calendar-grid.loading{opacity:.52}.legend{display:flex;justify-content:center;gap:14px;padding-top:15px;color:#b2cbbf;font-size:9px}.legend span{display:inline-flex;align-items:center;gap:4px}.legend i{width:8px;height:8px;border-radius:50%}.add-session,.save-button{width:100%;margin-top:16px;border:0;border-radius:15px;color:#153d32;background:#d5ec9e;box-shadow:0 7px 17px #00000021;font-weight:800}.add-session{padding:16px}.add-session span{margin-right:6px;font-size:19px;vertical-align:-1px}.add-session:active,.save-button:active{transform:translateY(1px)}.bottom-nav{position:fixed;z-index:4;right:0;bottom:0;left:0;display:flex;justify-content:center;gap:12px;padding:10px 20px calc(12px + env(safe-area-inset-bottom));background:#081f1be6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav button{display:grid;min-width:102px;gap:3px;border:0;color:#81a99a;background:transparent;font-size:10px}.bottom-nav button span{font-size:19px;line-height:17px}.bottom-nav button.active{color:#d9f0ac}.notice{margin:0 0 14px;padding:10px 12px;border-radius:11px;font-size:13px}.notice.error{color:#ffe2da;background:#b1372b66}.notice.success{color:#28553e;background:#d9efbf}.stats-screen{min-height:390px}.stats-screen>h2{margin-bottom:19px;color:#f8f6ef;font-family:Georgia,serif;font-size:31px;font-weight:400;text-transform:capitalize}.feature-stat{padding:20px;border-radius:18px;color:#14362d;background:#cce5b9}.feature-stat span,.stat-grid span{color:#4d7358;font-size:12px}.feature-stat strong{display:block;margin:9px 0 4px;font-size:32px;letter-spacing:-1.5px}.feature-stat p{margin:0;font-size:12px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.stat-grid article{padding:15px 11px;border-radius:15px;background:#d3eaca1a}.stat-grid strong{display:block;margin-top:9px;color:#f3f4e8;font-size:17px;letter-spacing:-.6px}.stats-note{margin:25px 4px 3px;color:#9eb9aa;font-size:13px;line-height:1.5}.loading-card{padding:30px;border-radius:16px;color:#a7c3b2;background:#d3eaca14;text-align:center}.sheet-backdrop{position:fixed;z-index:8;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;background:#010d0a94}.session-sheet{width:min(640px,100%);max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:10px 20px calc(22px + env(safe-area-inset-bottom));border-radius:27px 27px 0 0;color:#17372f;background:#f4f2e9;-webkit-overflow-scrolling:touch}.sheet-handle{width:40px;height:4px;margin:0 auto 17px;border-radius:4px;background:#c6cec1}.sheet-header{display:flex;justify-content:space-between;align-items:flex-start}.sheet-header .eyebrow{color:#65866e}.sheet-header h2{margin-bottom:19px;font-family:Georgia,serif;font-size:23px;font-weight:500;text-transform:capitalize}.sheet-header button{width:32px;height:32px;border:0;border-radius:50%;color:#466452;background:#e3e8dc;font-size:24px;line-height:1}.duration{display:grid;grid-template-columns:1fr 16px 1fr;gap:7px;align-items:end}.duration label,.note-label{display:grid;gap:6px;color:#5a7461;font-size:11px;font-weight:700}.duration input,.note-label textarea{width:100%;border:1px solid #cfdbcf;border-radius:12px;color:#19392f;background:#fffefa;outline-color:#558968}.duration input{padding:12px;font-size:21px;font-weight:700}.duration>span{padding-bottom:11px;color:#6f8475;font-size:23px;text-align:center}.quick{display:flex;gap:6px;margin:13px 0 18px;overflow-x:auto}.quick button{flex:0 0 auto;padding:7px 10px;border:1px solid #d3ded1;border-radius:9px;color:#476653;background:transparent;font-size:11px}.quick button.picked{border-color:#4c805f;color:#fff;background:#39704f}.note-label textarea{min-height:76px;padding:11px;resize:vertical}.save-button{margin-top:16px;padding:15px}.save-button:disabled{opacity:.65;cursor:progress}.delete-button{display:block;width:100%;margin-top:8px;border:0;color:#a34136;background:transparent;font-size:13px;font-weight:700}@media (min-width: 641px){body{padding:14px;background:#081e1a}.app-shell{border-radius:28px;min-height:calc(100vh - 28px)}.bottom-nav{right:auto;left:50%;width:640px;transform:translate(-50%);border-radius:0 0 28px 28px}.sheet-backdrop{align-items:center;justify-content:center}.session-sheet{border-radius:27px;box-shadow:0 30px 80px #00000073}}@media (max-width: 360px){.app-shell{padding-right:13px;padding-left:13px}.calendar-day,.calendar-empty{min-height:43px}.calendar-day{padding:5px 3px}.calendar-day small{font-size:7px}.calendar-panel{padding-right:10px;padding-left:10px}}.calendar-day{position:relative;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left}.calendar-day.session{color:var(--session-text);background:linear-gradient(145deg,var(--session-start),var(--session-end));box-shadow:inset 0 1px #ffffff47,0 4px 10px #04251929;text-shadow:0 1px rgba(0,0,0,.08)}.calendar-day i{position:absolute;right:5px;bottom:5px;color:currentColor;font-size:5px;font-style:normal}.legend-gradient{width:43px;height:8px;border-radius:99px;background:linear-gradient(90deg,#d4ede7,#22876f)}.saved-session{display:grid;gap:9px;margin:-4px 0 17px;padding:13px;border-radius:13px;background:#e3efd2}.saved-session>div{display:flex;align-items:baseline;justify-content:space-between}.saved-session span{color:#5b7661;font-size:11px;font-weight:700}.saved-session strong{color:#1c4b38;font-size:20px}.saved-session p{margin:0;color:#345943;font-size:13px;line-height:1.4;white-space:pre-wrap}.saved-session p.muted{color:#779080;font-style:italic}