@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap";:root{font-family:DM Sans,sans-serif;color:#f4e8ef;background:#303553;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ffce8a;outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-weight:400}h1,h2,h3,.big-number{font-family:"DM Serif Display",Georgia,serif}h3{font-size:23px;margin-bottom:12px}.shell{display:flex;min-height:100vh;background:linear-gradient(125deg,#343a61,#454368 48%,#483956)}.sidebar{width:254px;flex-shrink:0;background:linear-gradient(#35304b,#332d49);border-right:1px solid #ffffff23;padding:30px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{text-align:center;margin-bottom:38px}.brand span{color:#ffcc91;font-size:26px}.brand h1{font-size:37px;letter-spacing:-1px;margin:0}.brand small{font-size:9px;letter-spacing:2px;color:#e8b5cc}.sidebar nav{display:grid;gap:9px}.nav{display:flex;gap:14px;align-items:center;width:100%;text-align:left;background:transparent;border:0;color:#f3e8f1;border-radius:14px;padding:13px 16px;font-size:14px}.nav.active,.nav:hover{background:#b97f9b54}.sidebar-bottom{margin-top:auto}.flowers{text-align:center;font-size:31px;color:#f0a6c7;margin-bottom:22px}main{min-width:0;flex:1}.hero{min-height:188px;padding:35px 46px;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(ellipse at 78% 5%,#d992a67a,transparent 42%),linear-gradient(105deg,#4a3b62,#6972a0 65%,#b17c99);border-bottom:1px solid #e6b1d24d;overflow:hidden}.hero h2{font-size:43px;line-height:1.1;margin:8px 0}.hero p{color:#f5dbe5;font-size:14px;letter-spacing:.3px;margin:0}.eyebrow,.category{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#eec4ce}.hero-moon{font-size:112px;color:#ffd39a;text-shadow:0 0 40px #ffca94;opacity:.8;line-height:1}.content{padding:24px 30px 70px;max-width:1460px;margin:auto}.topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:#e4c5d8;font-size:12px}.topline span,.topline button{display:flex;align-items:center;gap:7px}.topline button,.textlink,.panel-heading button{background:transparent;border:0;color:#ffd2a0}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0}.panel{background:#ffffff0d;border:1px solid #e4b4d267;border-radius:20px;padding:23px;box-shadow:0 12px 35px #20182a12;margin-bottom:18px}.two .panel{margin-bottom:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #ffffff26;margin-bottom:15px;padding-bottom:12px}.panel-heading h3{margin:0}.panel-heading span{font-size:12px;color:#e8c9da}.muted,.panel p{color:#e5ccdf;font-size:13px;line-height:1.6}.item{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px;padding:13px 0;background:none;border:0;border-bottom:1px solid #ffffff22;color:inherit;text-align:left}.item strong,.item small,.integration small,.lesson small{display:block}.item strong{font-size:14px;font-weight:500}.item small,.integration small,.lesson small{color:#d4b5d1;font-size:12px;margin-top:5px}.textlink{font-size:13px;padding:12px 0}.spotlight{background:linear-gradient(125deg,#694b76a6,#a16b8760);border-color:#e7b978;position:relative;overflow:hidden}.spotlight h3{max-width:280px;font-size:30px}.spotflower{float:right;font-size:90px;color:#e7a2b3;opacity:.6;margin-top:10px}.progress{height:9px;border-radius:50px;background:#e6a8c448;overflow:hidden;flex:1}.progress span{display:block;height:100%;background:linear-gradient(90deg,#b6a5e5,#f3a2bc,#ffd08a);border-radius:50px}.spotlight .progress{margin:25px 0 8px}.spotlight small{color:#f0d4e3}.stat{text-align:center;display:flex;align-items:center;flex-direction:column;gap:6px}.stat svg{color:#f3b8cf}.stat strong{font-size:31px;font-family:"DM Serif Display"}.stat span{font-size:12px;color:#e1c3d6}.notice{padding:12px 16px;border:1px solid #e4bc8b;border-radius:12px;background:#634c5e;margin-bottom:16px;font-size:13px;display:flex;justify-content:space-between;gap:12px}.notice button{background:transparent;border:0;color:#ffdfae}.inline-form{display:flex;gap:10px;margin:12px 0}.inline-form input{flex:1;min-width:0}input,textarea,select{border:1px solid #f0c8dc64;border-radius:10px;background:#24283d7d;color:#fff0f3;padding:11px 13px}input::placeholder{color:#b8a8c2}textarea{min-height:80px;resize:vertical;width:100%}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 16px;font-size:13px;border:1px solid #e5bad0}.primary{background:#e5a3bd;color:#302a43;border-color:#e5a3bd;font-weight:700}.secondary{background:#ffffff0d;color:#ffe1e9}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.chip{background:#ffffff0b;color:#edd5e3;border:1px solid #ffffff2a;border-radius:30px;padding:8px 12px;font-size:12px}.chip.chosen{background:#e9acc8;color:#382d4a}.goals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.goal{text-align:left;color:inherit;min-height:185px}.goal h3{margin:10px 0;font-size:24px}.goal p{min-height:42px}.goal small{display:block;margin-top:10px;color:#e6c6da}.detail{margin-top:20px}.detail label{display:block;font-size:13px;margin:12px 0}.detail label input,.detail label select{display:block;width:100%;margin-top:5px}.detail .checkrow{display:flex;align-items:center;gap:10px}.detail .checkrow input{width:auto;margin:0}.lesson-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lesson{display:flex;align-items:center;gap:13px;background:#ffffff0b;border:1px solid #ffffff25;border-radius:12px;padding:14px;color:inherit;text-align:left}.lesson.selected{border-color:#ffd19b;background:#d8b3d026}.lesson span{flex:1}.lesson strong{font-size:14px}.timer{font-family:"DM Serif Display";font-size:72px;text-align:center;color:#ffd6a6}.timer-buttons{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 20px}.big-number{font-size:45px;color:#ffd19b}.metric{display:flex;gap:18px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff20;font-size:13px}.metric>span{width:240px}.metric strong{width:45px;text-align:right}.integration{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #ffffff22;gap:16px}.integration strong{font-size:14px}.integration>span{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px}.connected{color:#bfe2bd}.pending{color:#f4c4a7}.empty{padding:18px 0;color:#d9c0d7;font-size:13px}.setup,.login{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;background:linear-gradient(125deg,#373c65,#77547c);text-align:center}.setup h1,.login h1{font-size:54px;margin:0}.setup .panel{max-width:580px;text-align:left;margin-top:30px}.login-panel{background:#ffffff14;border:1px solid #ffffff55;padding:45px;border-radius:25px;max-width:430px;width:100%}.login-panel p{color:#f2cde0}.login-panel form{text-align:left;display:grid;gap:10px;margin:25px 0}.login-panel input{width:100%}.login-panel small{font-size:12px;color:#d9c0d7}.moon{font-size:38px;color:#ffd6a6}@media(max-width:1050px){.sidebar{width:210px}.hero{padding:30px}.content{padding:20px}.hero h2{font-size:36px}}@media(max-width:760px){.shell{display:block}.sidebar{position:sticky;z-index:10;top:0;width:100%;height:auto;padding:10px 12px;background:#36314fef}.brand{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 8px}.brand h1{font-size:24px}.brand span{font-size:18px}.brand small,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:5px}.nav{width:auto;flex-shrink:0;padding:9px 12px;font-size:12px;gap:6px}.nav svg{width:15px}.hero{min-height:145px;padding:24px}.hero h2{font-size:31px}.hero-moon{font-size:64px}.content{padding:15px}.two,.three,.goals-grid,.lesson-list{grid-template-columns:1fr}.three{grid-template-columns:repeat(3,1fr);gap:8px}.three .panel{padding:14px 5px}.panel{padding:18px}.panel-heading{align-items:flex-start}.panel-heading h3{font-size:21px}.metric>span{width:120px}.integration{align-items:flex-start;flex-direction:column}.timer{font-size:55px}}@media(prefers-reduced-motion:no-preference){button{transition:background .2s,border-color .2s}button:hover{filter:brightness(1.1)}}