@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Rajdhani:wght@300;400;500;600;700&display=swap";
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}}:root{--bg:#111827;--bg2:#1a2332;--bg3:#1e2d3d;--bg4:#253548;--border:#2d3f5c;--text:#edf2f7;--text2:#94a3b8;--text3:#6b7f99;--accent:#d4e0ed;--accent2:#f0f4f8;--red:#e74c5e;--green:#34d399;--blue:#5b9bd5;--orange:#e8945a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Rajdhani,sans-serif}.app{max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:80px;position:relative}.header{border-bottom:1px solid var(--border);background:linear-gradient(#15203599 0%,#0000 100%);padding:20px 20px 16px}.header-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.header h1{letter-spacing:3px;color:var(--accent2);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.header-date{color:var(--text2);font-size:13px;font-weight:400}.header-sub{color:var(--text3);letter-spacing:1px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.nav{background:var(--bg2);border-top:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;max-width:480px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-btn{color:var(--text3);cursor:pointer;letter-spacing:1.5px;text-transform:uppercase;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 0 10px;font-family:Rajdhani,sans-serif;font-size:10px;font-weight:600;transition:color .2s;display:flex;position:relative}.nav-btn.active{color:var(--accent2)}.nav-btn.active:after{content:"";background:var(--accent2);height:2px;position:absolute;top:0;left:20%;right:20%}.nav-btn .nav-icon{font-size:20px}.card{background:var(--bg2);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:2px;margin:12px 16px;overflow:hidden}.card-header{border-bottom:1px solid #24335266;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.card-title{text-transform:uppercase;letter-spacing:2px;color:var(--text2);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.card-badge{border-radius:2px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.badge-green{color:var(--green);background:#34d3991f;border:1px solid #34d39940}.badge-orange{color:var(--orange);background:#e8945a1f;border:1px solid #e8945a40}.badge-red{color:var(--red);background:#e74c5e1f;border:1px solid #e74c5e40}.badge-accent{color:var(--accent);background:#c8d6e514;border:1px solid #c8d6e533}.check-item{border-top:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:10px 16px;transition:background .15s;display:flex}.check-item:hover{background:var(--bg3)}.check-box{border:2px solid var(--border);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;transition:all .2s;display:flex}.check-box.checked{background:var(--accent);border-color:var(--accent);color:var(--bg)}.check-label{flex:1;font-size:14px;font-weight:400}.check-label.done{color:var(--text3);text-decoration:line-through}.check-dose{color:var(--text3);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.macro-grid{grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 16px;display:grid}.macro-card{background:var(--bg3);text-align:center;border:1px solid var(--border);border-radius:4px;padding:12px}.macro-card.primary{background:var(--bg4);border:1px solid var(--border);border-left:3px solid var(--accent);grid-column:1/-1}.macro-value{color:var(--text);font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700}.macro-card.primary .macro-value{font-size:32px}.macro-target{color:var(--text3);margin-top:2px;font-size:12px}.macro-label{color:var(--text2);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:11px;font-weight:500}.macro-bar{background:var(--bg);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.macro-bar-fill{border-radius:2px;height:100%;transition:width .3s}.input-row{gap:8px;padding:0 16px 16px;display:flex}.input-field{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:3px;outline:none;flex:1;padding:10px 12px;font-family:JetBrains Mono,monospace;font-size:14px;transition:border-color .2s}.input-field:focus{border-color:var(--accent)}.input-field::placeholder{color:var(--text3)}.input-label{color:var(--text3);text-transform:uppercase;letter-spacing:1px;padding:0 16px 6px;font-size:10px;display:block}.btn{background:var(--accent);color:var(--bg);cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;border:none;border-radius:3px;padding:10px 16px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700;transition:opacity .2s}.btn:hover{opacity:.85}.btn-sm{padding:6px 12px;font-size:11px}.btn-outline{border:1px solid var(--accent);color:var(--accent);background:0 0}.btn-red{background:var(--red);color:#fff}.exercise-row{border-top:1px solid var(--border);padding:12px 16px}.exercise-name{margin-bottom:4px;font-size:14px;font-weight:600}.exercise-meta{color:var(--text2);gap:12px;margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.exercise-notes{color:var(--text3);font-size:11px;font-weight:500}.exercise-log{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.set-pill{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:2px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .2s}.set-pill.completed{border-color:var(--accent);color:var(--accent2);background:#c8d6e51a}.program-day{background:var(--bg2);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:2px;margin:8px 16px;overflow:hidden}.program-day-header{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .15s;display:flex}.program-day-header:hover{background:var(--bg3)}.program-day-name{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.program-day-focus{color:var(--text2);font-size:12px}.checkin-section{padding:16px}.checkin-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text2);margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:11px}.checkin-input{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);border-radius:3px;outline:none;margin-bottom:16px;padding:12px;font-family:JetBrains Mono,monospace;font-size:16px}.checkin-input:focus{border-color:var(--accent)}.subjective-grid{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:16px;display:grid}.subj-btn{border:1px solid var(--border);background:var(--bg3);color:var(--text2);cursor:pointer;text-align:center;border-radius:3px;padding:8px;font-family:JetBrains Mono,monospace;font-size:14px;transition:all .2s}.subj-btn.active{border-color:var(--accent);color:var(--accent2);background:#c8d6e51f}.stat-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.stat-label{color:var(--text2);font-size:13px}.stat-value{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.trend-up{color:var(--green)}.trend-down{color:var(--red)}.chart-container{height:200px;padding:16px;position:relative}.chart-svg{width:100%;height:100%}.chart-grid-line{stroke:var(--border);stroke-width:.5px}.chart-label{fill:var(--text3);font-family:JetBrains Mono,monospace;font-size:10px}.meal-entry{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.meal-name{font-size:13px;font-weight:500}.meal-macros{color:var(--text2);gap:8px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.delete-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;transition:color .2s}.delete-btn:hover{color:var(--red)}.tab-row{gap:4px;padding:8px 16px;display:flex;overflow-x:auto}.tab-btn{border:1px solid var(--border);background:var(--bg3);color:var(--text2);cursor:pointer;white-space:nowrap;letter-spacing:.5px;text-transform:uppercase;border-radius:2px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;transition:all .2s}.tab-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.empty-state{text-align:center;color:var(--text3);padding:40px 20px;font-size:14px}.scroll-content{padding-bottom:20px}.rest-day{text-align:center;padding:60px 20px}.rest-day .rest-icon{margin-bottom:16px;font-size:48px}.rest-day h3{color:var(--accent2);margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:18px}.rest-day p{color:var(--text2);font-size:14px}.login-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-box{background:var(--bg2);border:1px solid var(--border);border-radius:2px;width:100%;max-width:360px;padding:40px 32px}.login-title{letter-spacing:3px;color:var(--accent2);text-transform:uppercase;text-align:center;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700}.login-subtitle{color:var(--text3);text-align:center;letter-spacing:1px;margin-bottom:32px;font-family:JetBrains Mono,monospace;font-size:12px}.login-input{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);border-radius:3px;outline:none;margin-bottom:12px;padding:12px;font-family:JetBrains Mono,monospace;font-size:14px}.login-input:focus{border-color:var(--accent)}.login-input::placeholder{color:var(--text3)}.login-error{color:var(--red);margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:12px}.streak-share{background:linear-gradient(135deg, var(--bg2) 0%, var(--bg4) 100%);border:1px solid var(--border);text-align:center;border-radius:2px;margin:12px 16px;padding:32px 24px}.streak-share-title{letter-spacing:3px;color:var(--accent2);text-transform:uppercase;margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.streak-share-subtitle{color:var(--text3);letter-spacing:1px;margin-bottom:24px;font-family:JetBrains Mono,monospace;font-size:11px}.streak-share-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.streak-share-item{text-align:center}.streak-share-number{color:var(--green);font-family:JetBrains Mono,monospace;font-size:36px;font-weight:700;line-height:1}.streak-share-number.zero{color:var(--text3)}.streak-share-label{color:var(--text2);text-transform:uppercase;letter-spacing:1px;margin-top:6px;font-size:10px;font-weight:600}.streak-share-date{color:var(--text3);margin-top:8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.streak-share-week{color:var(--text2);border-top:1px solid var(--border);margin-top:12px;padding-top:12px;font-family:JetBrains Mono,monospace;font-size:12px}
