@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&family=Outfit:wght@400;700;900&display=swap";*{box-sizing:border-box}:root{--border-color:#000;--bg-color:#fff;--text-color:#000;--font-family:"Outfit", sans-serif;--line-height:24px}body{color:var(--text-color);font-family:var(--font-family);-webkit-font-smoothing:antialiased;background-color:#f5f5f5;margin:0;padding:0}.app-wrapper{min-height:100vh;padding:40px 20px}@media (width<=600px){.app-wrapper{padding:10px}}.nav-bar{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:30px;display:flex}.nav-item{cursor:pointer;background:0 0;border:2px solid #000;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:700;transition:all .2s}.nav-item.active{color:#fff;background:#000}.planner-container{border:3px solid var(--border-color);background:#fff;max-width:900px;margin:0 auto;padding:40px;transition:all .3s;position:relative;box-shadow:10px 10px #0000001a}@media (width<=768px){.planner-container{border-width:2px;padding:15px;box-shadow:5px 5px #0000001a}}.header{justify-content:space-between;align-items:flex-start;margin-bottom:30px;display:flex}@media (width<=600px){.header{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:15px}}.title-group{flex:1}.title{letter-spacing:-3px;text-transform:uppercase;margin:0;font-family:Inter,sans-serif;font-size:4rem;font-weight:900;line-height:1}@media (width<=600px){.title{letter-spacing:-1px;font-size:1.8rem}}.title-lines{border-top:2px solid #000;border-bottom:2px solid #000;height:8px;margin-top:5px}.meta-group{text-align:right;flex-direction:column;align-items:flex-end;display:flex}@media (width<=600px){.meta-group{align-items:center;width:100%}}.date-row{align-items:center;gap:10px;margin-bottom:5px;display:flex}.label-box{color:#fff;background:#000;border-radius:4px;padding:2px 10px;font-size:.7rem;font-weight:700}.date-input{border:2px solid #000;border-radius:20px;outline:none;padding:4px 10px;font-size:.8rem;font-weight:700}.cell-input{background:0 0;border:none;outline:none;width:100%;font-size:.8rem;display:block}.day-selectors{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}@media (width<=600px){.day-selectors{justify-content:center}}.day-circle{cursor:pointer;border:1.5px solid #000;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.6rem;font-weight:700;display:flex}.day-circle.active{color:#fff;background:#000}.grid-3{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;display:grid}@media (width<=600px){.grid-3{gap:8px;margin-bottom:10px}}.section-card{cursor:pointer;background:#fff;border:2px solid #000;border-radius:15px;flex-direction:column;height:100%;transition:transform .2s;display:flex;overflow:hidden}@media (width<=600px){.section-card{border-width:1.5px;border-radius:10px}.card-header{padding:4px 8px!important;font-size:.6rem!important}.card-content{padding:5px!important}}.card-header{text-transform:uppercase;z-index:2;background:#fff;border-bottom:2px solid #000;padding:8px 15px;font-size:.9rem;font-weight:900;position:relative}.card-content{flex:1;padding:10px;position:relative}.lined-input{resize:none;background-color:#fff;background-image:linear-gradient(#f1f1f1 1px,#0000 1px);background-size:100% 24px;border:none;outline:none;width:100%;height:100%;padding:0 5px;font-family:inherit;font-size:.95rem;line-height:24px;transition:all .3s}@media (width<=600px){.lined-input{background-size:100% 14px;font-size:.5rem;line-height:14px}}.icon-row{justify-content:space-between;gap:2px;padding:5px 0;display:flex}@media (width<=600px){.icon-row svg{width:12px;height:12px}}.water-grid{grid-template-columns:repeat(6,1fr);gap:2px;display:grid}@media (width<=600px){.water-drop{border-width:1px!important;height:15px!important}.water-drop svg{width:8px;height:8px}}.schedule-table td{border-bottom:1px solid #000;height:30px;padding:0 5px}@media (width<=600px){.schedule-table td{height:15px;font-size:.4rem}.time-col{width:25px!important}}.tracker-grid{border:1px solid #000;grid-template-columns:1fr 1fr;display:grid}.tracker-cell{background-color:#fff;border:1px solid #000;min-height:40px;padding:2px}@media (width<=600px){.tracker-cell{min-height:25px}.cell-label{font-size:.35rem!important}.cell-input{font-size:.4rem!important}}.exercise-row{align-items:center;gap:4px;display:flex}@media (width<=600px){.exercise-label{width:20px!important;font-size:.4rem!important}.exercise-input{height:10px!important;font-size:.4rem!important}.exercise-row svg{width:8px!important;height:8px!important}}.zoom-overlay{z-index:2000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.zoom-motion-wrapper{justify-content:center;align-items:center;width:100%;display:flex}.zoomed-card{background:#fff;border:4px solid #000;border-radius:20px;flex-direction:column;width:90%;max-width:850px;display:flex;position:relative;box-shadow:15px 15px #000}@media (width<=600px){.zoomed-card{width:95%;box-shadow:8px 8px #000}.zoomed-card .card-header{font-size:1rem!important}}.zoomed-card .card-header{padding:15px!important;font-size:1.2rem!important}.zoomed-card .card-content{min-height:500px;padding:20px!important}.zoomed-card .lined-input{height:550px;background-size:100% 32px!important;font-size:1.3rem!important;line-height:32px!important}.close-button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex;position:absolute;top:-15px;right:-15px}.save-fab{color:#fff;z-index:1000;cursor:pointer;background:#000;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 5px 15px #0000004d}.download-fab{color:#fff;z-index:1000;cursor:pointer;background:#000;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex;position:fixed;bottom:80px;right:20px;box-shadow:0 5px 15px #0000004d}.save-fab:hover,.download-fab:hover{transform:scale(1.1)}.save-fab:active,.download-fab:active{transform:scale(.95)}