:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#e9f0f7;background:#0b1322;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #8bd5c2;outline-offset:3px}.app-shell{max-width:850px;margin:0 auto;padding:26px 18px 70px}.top,.brand,.section-head,.hero-meta,.actions,.activity,.checkline,.gym-head{display:flex;align-items:center}.top,.section-head{justify-content:space-between;gap:12px}.brand{gap:12px}.logo{display:grid;place-items:center;background:#223e4a;color:#9ce6d2;border-radius:15px;width:44px;height:44px;font-size:26px;font-weight:800}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800;color:#91b6bc}.brand h1{font-size:22px;margin:2px 0 0;letter-spacing:-.04em}.period{color:#8bd5c2}.today-pill{font-size:12px;border:1px solid #344258;border-radius:100px;padding:8px 12px;color:#c3d0de}.hero{margin:25px 0 18px;border:1px solid #304a58;border-radius:22px;padding:26px;background:linear-gradient(120deg,#183346,#18243b 80%)}.hero h2{font-size:32px;letter-spacing:-.045em;margin:9px 0}.hero p{color:#c3d2dc;line-height:1.6;max-width:500px;margin:0 0 18px}.hero-meta{gap:10px;flex-wrap:wrap}.hero-meta span{border:1px solid #4a6970;border-radius:30px;padding:7px 11px;font-size:12px;color:#d2e7e7}.tabs{display:flex;gap:7px;margin:20px 0}.tabs button{flex:1;border:1px solid #29374c;background:#101c2d;color:#aebdd0;border-radius:12px;padding:12px 5px;font-size:13px;font-weight:700}.tabs button.active{background:#244b50;color:#b6f4e4;border-color:#3b7773}.panel{background:#141f30;border:1px solid #293a50;border-radius:20px;padding:22px;margin-bottom:16px}.section-head{margin-bottom:17px}.section-head h3,h3{font-size:20px;letter-spacing:-.025em;margin:4px 0}.subtle{font-size:12px;color:#91a5ba;margin:4px 0}.muted{font-size:14px;color:#aabacc;line-height:1.6}.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.day{border:1px solid #304057;background:#1a293d;color:#9eb2c6;border-radius:13px;padding:11px 0;display:flex;flex-direction:column;gap:7px;align-items:center;position:relative}.day span{font-size:11px}.day strong{font-size:19px}.day.chosen{background:#2b625f;border-color:#82d9c5;color:#fff}.day i{height:4px;width:4px;background:#8bd5c2;border-radius:50%;position:absolute;bottom:4px}.gym-head{margin:24px 0 8px}.seg{display:flex;border-radius:11px;background:#0b1728;padding:4px;gap:3px}.seg button{border:0;border-radius:8px;background:transparent;color:#9fb4c9;padding:9px 11px;font-size:12px}.seg button.active{background:#2d5558;color:#c2ffec}.safety{font-size:12px;line-height:1.55;color:#a9bdc7;background:#1d2d3c;border-left:3px solid #8ac9bd;border-radius:5px;padding:10px 12px}.progress-label{color:#a7d8cd;font-weight:800;font-size:14px}.progress{height:7px;border-radius:20px;background:#28384a;overflow:hidden;margin-bottom:8px}.progress div{height:100%;background:#8bd5c2;transition:width .2s}.activity{min-height:65px;border-bottom:1px solid #263548;gap:12px}.checkline{display:flex;align-items:center;gap:13px;flex:1;cursor:pointer;min-width:0}.checkline input{position:absolute;opacity:0;width:1px;height:1px}.custom-check{height:22px;width:22px;border:1.5px solid #637b8d;border-radius:7px;display:grid;place-items:center;color:transparent;flex-shrink:0}.checkline input:checked+.custom-check{background:#8bd5c2;border-color:#8bd5c2;color:#15343b}.checkline input:focus-visible+.custom-check{outline:2px solid #8bd5c2;outline-offset:3px}.time{font-size:12px;color:#9aafc1;width:43px;flex-shrink:0;font-variant-numeric:tabular-nums}.activity-text{display:flex;flex-direction:column;gap:3px;min-width:0}.activity-text strong{font-size:13px;font-weight:650}.activity-text small{color:#8ca2b7;font-size:11px}.activity-text.done strong{text-decoration:line-through;color:#8198a8}.actions{gap:8px;flex-wrap:wrap;margin-top:17px}.actions button,.quiet,.import{background:#1e3244;border:1px solid #375067;color:#c9dce7;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:700}.actions .primary,.primary{background:#83cbb8!important;color:#142c32!important;border:0!important;border-radius:10px;padding:10px 13px;font-weight:800}.add-row{display:flex;gap:8px;margin-top:14px}.add-row input,textarea{background:#0e1a2a;color:#e9f0f7;border:1px solid #3a5063;border-radius:10px;padding:11px;min-width:0}.add-row input[type=time]{width:110px}.add-row input:not([type=time]){flex:1}.remove{background:none;border:0;color:#c89a9a;font-size:22px}.confirm{margin-top:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:#e7c8b2}.confirm button{background:#354358;color:#fff;border:0;border-radius:8px;padding:7px 10px}.note-panel textarea{width:100%;resize:vertical}.social-count{display:flex;gap:20px;align-items:center;background:#1b3440;border-radius:15px;padding:20px;margin:22px 0}.social-count strong{font-size:44px;color:#a5ebd7}.social-count strong span{font-size:20px;color:#8eaeb1}.social-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:16px 0}.social-days label{display:flex;align-items:center;flex-direction:column;gap:10px;background:#1d2b3e;border:1px solid #35465c;border-radius:12px;padding:14px 3px;cursor:pointer}.social-days label.marked{background:#24524f;border-color:#82cdb8}.social-days input{position:absolute;opacity:0}.social-days span,.social-days small{font-size:10px;color:#b1c1d1}.social-days strong{font-size:24px;color:#b6eadc}.suggestion{padding:14px 0;border-bottom:1px solid #2b3a4e;display:flex;flex-direction:column;gap:5px;font-size:13px}.suggestion span{color:#aebdd0}.import{display:inline-flex;align-items:center;cursor:pointer}.import input{display:none}footer{text-align:center;color:#6e879e;font-size:12px;margin-top:35px}@media(max-width:560px){.app-shell{padding:16px 12px 55px}.brand h1{font-size:19px}.eyebrow{font-size:9px}.hero{padding:20px}.hero h2{font-size:28px}.panel{padding:16px}.days,.social-days{gap:4px}.day{padding:10px 0}.day strong{font-size:16px}.seg button{padding:9px 7px;font-size:11px}.gym-head{align-items:flex-start;gap:8px}.tabs button{font-size:11px}.activity-text strong{font-size:12px}.checkline{gap:9px}.social-days label{padding:10px 1px}.social-days span,.social-days small{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
