:root{--ink:#192238;--muted:#697183;--line:#e4e7ed;--bg:#f5f6f8;--lime:#d0f568;--nav:#151d32;--purple:#6d59c4;--radius:20px;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8270d9;outline-offset:4px}h1,h2,h3,h4,.brand{font-family:'Manrope',sans-serif}h1{font-size:clamp(1.85rem,3.2vw,2.8rem);letter-spacing:-1.3px;margin:8px 0 12px;line-height:1.15}h2{font-size:1.45rem;letter-spacing:-.6px;margin:0 0 12px}h3{font-size:1.2rem;letter-spacing:-.4px;margin:10px 0}p{line-height:1.6}button{border:0}.skip{position:fixed;top:-100px;left:20px;z-index:1000;background:var(--lime);padding:16px}.skip:focus{top:10px}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;padding:35px 22px;background:var(--nav);color:#fff;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;font-size:1.85rem;font-weight:800;letter-spacing:-1.5px;padding:0 10px}.brandmark{display:grid;place-items:center;background:var(--lime);color:var(--nav);width:35px;height:39px;border-radius:11px;font-size:1.4rem;letter-spacing:-2px;margin-right:10px;font-weight:800}.branddot{color:var(--lime)}.side-label,.tiny-label{font-size:.75rem;letter-spacing:1.8px;font-weight:600;color:#98a2b9}.side-label{margin:55px 14px 18px}.nav-item{display:flex;align-items:center;gap:13px;padding:14px;border-radius:11px;color:#bcc3d3;font-size:.9rem;margin:5px 0;min-height:48px}.nav-item:hover{background:#252e43;color:#fff}.nav-item.active{background:var(--lime);color:var(--ink);font-weight:700}.nav-item svg{width:21px;height:21px;flex-shrink:0}.side-bottom{margin-top:auto;padding:25px 12px 0}.side-bottom p{font-family:Manrope,sans-serif;font-weight:650;font-size:1.15rem;line-height:1.5;color:#e7eaf1}.local-note{font-size:.75rem;color:#aab3c7}.workspace{margin-left:238px}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:#ffffffb8;font-size:.875rem;color:var(--muted)}.avatar{height:34px;width:34px;border-radius:50%;background:#e8e5f7;color:#68579e;display:grid;place-items:center;font-weight:700}main{max-width:1320px;margin:auto;padding:39px 48px 45px;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px;gap:18px}.eyebrow{font-size:.75rem;letter-spacing:1.7px;font-weight:700;margin:0 0 12px}.muted{color:var(--muted)}.page-heading .muted{margin:0}.welcome-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.daily-card{border-radius:var(--radius);padding:31px 34px;background:var(--nav);color:#fff;position:relative;overflow:hidden}.daily-card .eyebrow{color:var(--lime)}.daily-card h2{font-size:clamp(1.6rem,2.7vw,2.3rem);line-height:1.3;letter-spacing:-1px;margin-top:20px}.daily-card p:not(.eyebrow){color:#bbc3d4;font-size:.95rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 20px;border-radius:10px;background:var(--ink);color:#fff;font-size:.9rem;font-weight:700;line-height:1.35}.button:hover{filter:brightness(1.08)}.button.lime{background:var(--lime);color:var(--ink)}.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.button.ghost{background:transparent;color:var(--muted);padding:10px}.daily-foot{display:block;margin-top:25px;color:#9eaac4;font-size:.75rem;letter-spacing:1.1px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}.pill{display:inline-flex;align-items:center;font-size:.75rem;border-radius:6px;padding:7px 9px;background:#f0eef8;color:#6957a2;font-weight:700;letter-spacing:.6px}.start-panel h2{font-size:1.8rem;line-height:1.35;margin:21px 0 10px}.start-panel .muted{font-size:.9rem}.mini-stats{display:flex;gap:28px;border-top:1px solid var(--line);padding-top:19px;margin-top:21px}.mini-stats div{display:grid;gap:4px}.mini-stats strong{font-size:1.75rem;font-family:Manrope,sans-serif}.mini-stats span{font-size:.8rem;color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:31px 0 17px}.section-heading h2{font-size:1.25rem;margin:0}.section-heading>span{color:var(--muted);font-size:.8rem}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mode-card{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;transition:transform .15s,border-color .15s}.mode-card:hover{transform:translateY(-3px);border-color:#b6bdcb}.mode-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;margin-bottom:23px;font-size:1.6rem}.mode-icon svg{width:25px;height:25px}.purple{background:#eeebfb;color:#7157ba}.green{background:#edf6d6;color:#5f7b28}.blue{background:#e5effd;color:#427cbb}.card-kicker{font-size:.75rem;letter-spacing:1px;color:var(--muted);font-weight:700}.mode-card p{color:var(--muted);font-size:.9rem;min-height:65px}.card-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:20px;font-size:.85rem;font-weight:700}.notice{padding:22px 0;font-size:.85rem;color:var(--muted);text-align:center}.mobile-nav{display:none}.back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.9rem;margin-bottom:20px}.back:hover{color:var(--ink)}.top-tools{display:flex;align-items:center;gap:16px}.streak{font-size:.85rem;color:var(--ink)}
@media(min-width:1450px){main{padding-top:50px}.daily-card{padding:36px 40px}}@media(max-width:1100px){.sidebar{width:210px;padding-inline:14px}.workspace{margin-left:210px}main{padding:28px}.topbar{padding:0 28px}.welcome-grid{grid-template-columns:1.4fr 1fr}.daily-card{padding:26px}.mode-card{padding:20px}}@media(max-width:800px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:65px;padding:0 22px}.topbar>span:first-child{font-family:Manrope,sans-serif;font-weight:800;font-size:1.35rem;color:var(--ink)}main{padding:25px 20px 100px}.welcome-grid{grid-template-columns:1fr}.start-panel{display:none}.mode-grid{gap:12px}.mode-card{padding:18px}.mode-card h3{font-size:1.05rem}.mode-card p{font-size:.85rem}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffffff5;border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:40;justify-content:space-around;backdrop-filter:blur(10px)}.mobile-nav a{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;font-size:.75rem;color:var(--muted);min-height:49px;min-width:53px;border-radius:10px;padding:5px 7px}.mobile-nav a.active{background:#edf6d6;color:#33471b;font-weight:700}.mobile-nav svg{height:22px;width:22px}.section-heading>span{display:none}}@media(max-width:540px){.mode-grid{grid-template-columns:1fr}.mode-card{position:relative;padding:20px 22px 20px 83px}.mode-icon{position:absolute;left:20px;top:24px;margin:0;width:43px;height:43px}.mode-card p{min-height:0;margin:9px 0 12px}.card-footer{padding-top:12px;margin-top:12px}.daily-card{padding:26px}.daily-card .button{width:100%;font-size:.85rem;padding-inline:14px}.page-heading{margin-bottom:23px}.section-heading{margin-top:27px}.daily-card h2{font-size:1.75rem}.top-tools{gap:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}