:root{--black: #0a0a0a;--dark: #1a1a1a;--mid: #2a2a2a;--border: #333;--muted: #666;--light: #999;--white: #f5f5f5;--font-mono: "JetBrains Mono", monospace;--font-sans: "Outfit", sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:var(--font-sans);background-color:var(--black);color:var(--white);min-height:100vh}#root{min-height:100vh}button{border:none;background:none;cursor:pointer;font-family:inherit;color:inherit}input,textarea{font-family:inherit;color:inherit;background-color:var(--black);border:1px solid var(--border);padding:12px}input:focus,textarea:focus{outline:none;border-color:var(--light)}.header{padding:20px;border-bottom:1px solid var(--border);position:relative}.header-date{font-family:var(--font-mono);font-size:12px;color:var(--muted);text-transform:uppercase;margin-bottom:8px}.header-title{font-family:var(--font-sans);font-size:28px;font-weight:300;margin-bottom:8px}.header-stats{font-family:var(--font-mono);font-size:13px;color:var(--light)}.header-user-section{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:12px}.header-user{font-family:var(--font-mono);font-size:13px;color:var(--light)}.header-logout{background:none;border:1px solid var(--border);color:var(--light);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:16px;transition:border-color .2s,color .2s}.header-logout:hover{border-color:var(--light);color:var(--white)}.bottom-nav{position:sticky;bottom:0;display:flex;justify-content:space-around;align-items:center;border-top:1px solid var(--border);padding:12px 0;background-color:var(--black);z-index:10}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:var(--muted);transition:color .2s}.nav-item.active{color:var(--white)}.nav-icon{font-size:18px}.nav-label{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.progress-bar{height:4px;background-color:var(--mid);position:relative;overflow:hidden}.progress-bar.minimal{height:2px}.progress-fill{height:100%;background-color:var(--white);transition:width .3s ease}.task-card{background-color:var(--dark);border:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:12px}.task-header{display:flex;justify-content:space-between;align-items:center}.task-name{font-family:var(--font-sans);font-size:16px;font-weight:500}.task-unit{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.task-numbers{font-family:var(--font-mono);display:flex;align-items:baseline}.task-current{font-size:24px;font-weight:600}.task-separator{font-size:18px;margin:0 4px;color:var(--muted)}.task-total{font-size:18px;color:var(--light)}.task-input-row{display:flex;gap:8px}.task-input{flex:1;font-family:var(--font-mono);font-size:14px;padding:12px;background-color:var(--black);border:1px solid var(--border);color:var(--white)}.task-input::placeholder{color:var(--muted)}.task-log-button{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;padding:12px 20px;background-color:var(--dark);border:1px solid var(--border);color:var(--white);cursor:pointer;transition:background-color .2s}.task-log-button:hover{background-color:var(--mid)}.measurement-card{background-color:var(--dark);border:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:12px}.measurement-header{display:flex;justify-content:space-between;align-items:center}.measurement-name{font-family:var(--font-sans);font-size:16px;font-weight:500}.measurement-unit{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.measurement-labels{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.measurement-values{display:flex;justify-content:space-between;align-items:baseline}.measurement-current{font-family:var(--font-mono);font-size:24px;font-weight:600}.measurement-target{font-family:var(--font-mono);font-size:24px;color:var(--light)}.measurement-progress-row{display:flex;align-items:center;gap:12px}.measurement-progress-row .progress-bar{flex:1}.measurement-percentage{font-family:var(--font-mono);font-size:13px;color:var(--light);min-width:40px;text-align:right}.measurement-note{font-size:14px;color:var(--light);padding:8px;background-color:var(--mid);border-left:2px solid var(--border)}.measurement-record-button{font-family:var(--font-mono);font-size:13px;padding:12px;background-color:transparent;border:1px dashed var(--border);color:var(--light);cursor:pointer;transition:border-color .2s,color .2s}.measurement-record-button:hover{border-color:var(--white);color:var(--white)}.measurement-form{display:flex;flex-direction:column;gap:8px}.measurement-input{font-family:var(--font-mono);font-size:14px;padding:12px;background-color:var(--black);border:1px solid var(--border);color:var(--white)}.measurement-input::placeholder{color:var(--muted)}.measurement-actions{display:flex;gap:8px}.measurement-submit,.measurement-cancel{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;padding:12px 20px;border:1px solid var(--border);cursor:pointer;transition:background-color .2s}.measurement-submit{flex:1;background-color:var(--white);color:var(--black)}.measurement-submit:hover{background-color:var(--light)}.measurement-cancel{background-color:var(--dark);color:var(--white)}.measurement-cancel:hover{background-color:var(--mid)}.calendar{display:flex;flex-direction:column}.calendar-month-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 4px}.calendar-month-name{font-family:var(--font-mono);font-size:16px;font-weight:500;color:var(--white);text-align:center;flex:1}.calendar-nav-button{background:none;border:1px solid var(--light);color:var(--white);font-size:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.calendar-nav-button:hover{background-color:#ffffff1a;border-color:var(--white)}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.calendar-weekday{font-family:var(--font-mono);font-size:9px;color:var(--muted);text-transform:uppercase;text-align:center;padding:8px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:14px;background-color:var(--dark);border:1px solid transparent;color:var(--white);cursor:pointer;transition:all .2s}.calendar-day.empty{background-color:transparent;cursor:default}.calendar-day.today{border-color:var(--white)}.calendar-day.selected{background-color:var(--white);color:var(--black)}.calendar-day.activity-1{background-color:#ffffff1a}.calendar-day.activity-2{background-color:#fff3}.calendar-day.activity-3{background-color:#ffffff4d}.calendar-day:not(.empty):not(.selected):hover{border-color:var(--light)}.goal-list-item{background-color:var(--dark);border:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:background-color .2s;width:100%;text-align:left}.goal-list-item:hover{background-color:var(--mid)}.goal-list-header{display:flex;justify-content:space-between;align-items:center}.goal-list-name{font-family:var(--font-sans);font-size:16px;font-weight:500}.goal-list-badge{font-family:var(--font-mono);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;padding:4px 8px;border:1px solid var(--border)}.goal-list-progress{display:flex;align-items:center;gap:12px}.goal-list-progress .progress-bar{flex:1}.goal-list-percentage{font-family:var(--font-mono);font-size:13px;color:var(--light);min-width:40px;text-align:right}.create-goal-form{display:flex;flex-direction:column;gap:20px;padding:20px}.form-section{display:flex;flex-direction:column;gap:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-label{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.form-input{font-family:var(--font-mono);font-size:14px;padding:12px;background-color:var(--black);border:1px solid var(--border);color:var(--white)}.form-input:focus{outline:none;border-color:var(--light)}.type-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px}.type-button{font-family:var(--font-mono);font-size:13px;padding:12px;background-color:var(--dark);border:1px solid var(--border);color:var(--light);cursor:pointer;transition:all .2s}.type-button.active{background-color:var(--white);color:var(--black);border-color:var(--white)}.type-button:hover:not(.active){background-color:var(--mid)}.form-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.form-submit,.form-cancel{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;padding:16px;border:1px solid var(--border);cursor:pointer;transition:all .2s}.form-submit{background-color:var(--white);color:var(--black)}.form-submit:hover{background-color:var(--light)}.form-cancel{background-color:var(--dark);color:var(--white)}.form-cancel:hover{background-color:var(--mid)}.goal-detail{display:flex;flex-direction:column;gap:20px;padding:20px}.goal-detail-back{font-family:var(--font-mono);font-size:13px;color:var(--light);background:none;border:none;cursor:pointer;padding:0;text-align:left;transition:color .2s}.goal-detail-back:hover{color:var(--white)}.goal-detail-header{display:flex;justify-content:space-between;align-items:center}.goal-detail-title{font-family:var(--font-sans);font-size:24px;font-weight:500}.goal-detail-badge{font-family:var(--font-mono);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;padding:6px 12px;border:1px solid var(--border)}.goal-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px;background-color:var(--dark);border:1px solid var(--border)}.goal-stat{display:flex;flex-direction:column;gap:4px;text-align:center}.goal-stat-label{font-family:var(--font-mono);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.goal-stat-value{font-family:var(--font-mono);font-size:20px;font-weight:600}.goal-detail-info{display:flex;flex-direction:column;gap:12px;padding:20px;background-color:var(--dark);border:1px solid var(--border)}.goal-info-row{display:flex;justify-content:space-between;align-items:center}.goal-info-label{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.goal-info-value{font-family:var(--font-mono);font-size:14px;font-weight:600}.goal-detail-history{display:flex;flex-direction:column;gap:12px}.goal-history-title{font-family:var(--font-sans);font-size:16px;font-weight:500}.goal-history-empty{font-family:var(--font-mono);font-size:13px;color:var(--muted);text-align:center;padding:40px}.goal-history-list{display:flex;flex-direction:column;gap:1px}.goal-history-item{display:flex;flex-direction:column;gap:4px;padding:16px;background-color:var(--dark);border:1px solid var(--border)}.goal-history-date{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase}.goal-history-value{font-family:var(--font-mono);font-size:16px;font-weight:600}.goal-history-note{font-size:14px;color:var(--light);margin-top:4px}.goal-detail-delete{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;padding:16px;background-color:var(--dark);border:1px solid var(--border);color:var(--white);cursor:pointer;transition:all .2s;margin-top:20px}.goal-detail-delete:hover{background-color:#4a0000;border-color:red;color:#f66}.measurement-chart-container{width:100%;height:300px;margin-top:20px;margin-bottom:20px}.report-card-container{display:flex;flex-direction:column;align-items:center;gap:20px;margin:0 auto}.report-card{width:270px;min-height:480px;background:linear-gradient(180deg,var(--black),var(--dark));border:1px solid var(--border);padding:18px;display:flex;flex-direction:column;gap:12px}.report-share-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border:none;color:var(--white);font-family:var(--font-mono);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:opacity .2s,transform .2s;width:270px}.report-share-button:hover{opacity:.9;transform:translateY(-2px)}.report-share-button:active{transform:translateY(0)}.instagram-icon{width:20px;height:20px}.report-header{display:flex;align-items:center;gap:8px}.report-icon{font-size:14px}.report-type{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.report-date{font-family:var(--font-sans);font-size:12px;color:var(--light)}.report-overall{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.report-percentage-large{font-family:var(--font-mono);font-size:42px;font-weight:600;line-height:1}.report-label{font-family:var(--font-sans);font-size:12px;color:var(--light)}.report-goals{flex:1;display:flex;flex-direction:column;gap:8px}.report-goal{display:flex;flex-direction:column;gap:4px}.report-goal-header{display:flex;justify-content:space-between;align-items:center}.report-goal-name{font-family:var(--font-sans);font-size:11px;font-weight:500}.report-goal-percentage{font-family:var(--font-mono);font-size:10px;color:var(--light)}.report-goal-progress{display:flex;justify-content:space-between;gap:8px}.report-goal-value{font-family:var(--font-mono);font-size:10px;color:var(--light)}.report-goal-total{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.report-see-more{font-family:var(--font-mono);font-size:10px;color:var(--muted);text-align:center;padding:3px 0;margin-top:2px;background:none;border:none;cursor:pointer;transition:color .2s;width:100%}.report-see-more:hover{color:var(--light)}.report-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 0;border-top:1px solid var(--border)}.report-stat{display:flex;flex-direction:column;align-items:center;gap:3px}.report-stat-value{font-family:var(--font-mono);font-size:16px;font-weight:600}.report-stat-label{font-family:var(--font-mono);font-size:9px;color:var(--muted);text-transform:uppercase}.report-quote{font-family:var(--font-sans);font-size:10px;color:var(--light);text-align:center;font-style:italic;line-height:1.3}.report-watermark{font-family:var(--font-mono);font-size:8px;color:var(--muted);text-align:center;margin-top:-4px}.report-watermark a{color:var(--muted);text-decoration:none;transition:color .2s}.report-watermark a:hover{color:var(--light)}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem;background-color:#0a0a0af2;position:fixed;inset:0;z-index:1000;overflow-y:auto}.auth-card{background:var(--dark);border:1px solid var(--border);border-radius:8px;padding:2rem;width:100%;max-width:400px;position:relative}.auth-title{font-size:1.75rem;font-weight:300;margin:0 0 .5rem;color:var(--white);text-align:center;font-family:var(--font-sans)}.auth-subtitle{color:var(--light);text-align:center;margin:0 0 2rem;font-size:.95rem;font-family:var(--font-sans)}.auth-error{background:var(--mid);color:var(--white);padding:.75rem;border:1px solid var(--border);border-radius:4px;margin-bottom:1rem;font-size:.875rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:400;color:var(--light);font-size:.875rem;font-family:var(--font-mono)}.form-group input{padding:.75rem;border:1px solid var(--border);border-radius:4px;font-size:1rem;background-color:var(--black);color:var(--white);transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--light)}.form-group input:disabled{background:var(--mid);cursor:not-allowed;opacity:.6}.auth-button{padding:.875rem;background:var(--white);color:var(--black);border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .2s;margin-top:.5rem;font-family:var(--font-sans)}.auth-button:hover:not(:disabled){opacity:.9}.auth-button:active:not(:disabled){opacity:.8}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-toggle{margin-top:1.5rem;text-align:center}.toggle-button{background:none;border:none;color:var(--light);font-size:.875rem;cursor:pointer;text-decoration:underline;padding:.5rem;font-family:var(--font-sans)}.toggle-button:hover{color:var(--white)}.auth-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--light);font-size:1.5rem;cursor:pointer;padding:.5rem;line-height:1;transition:color .2s}.auth-close:hover{color:var(--white)}.landing-page{background-color:var(--black);color:var(--white);min-height:100vh;overflow-y:auto;position:relative}.landing-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.02) 50%,transparent 100%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);background-size:200% 100%,50px 50px,50px 50px;animation:backgroundSlide 20s linear infinite;pointer-events:none;z-index:0}@keyframes backgroundSlide{0%{background-position:0% 0%,0 0,0 0}to{background-position:200% 0%,50px 50px,50px 50px}}.landing-page:after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,255,255,.025) 0%,transparent 50%);animation:floatingOrbs 30s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes floatingOrbs{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(5%,5%) rotate(120deg)}66%{transform:translate(-5%,3%) rotate(240deg)}}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;border-bottom:1px solid var(--border);position:relative;z-index:1}.hero-content{max-width:600px;text-align:center;position:relative;z-index:2}.hero-headline{font-family:var(--font-sans);font-size:3rem;font-weight:300;margin:0 0 1.5rem;color:var(--white);line-height:1.2;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-subheadline{font-family:var(--font-sans);font-size:1.125rem;line-height:1.6;color:var(--light);margin:0 0 2rem;max-width:500px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s ease-out .2s backwards}.hero-tagline{font-family:var(--font-mono);font-size:.875rem;line-height:1.8;color:var(--muted);margin:0 0 3rem;animation:fadeInUp 1s ease-out .4s backwards}.hero-cta{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-bottom:4rem;animation:fadeInUp 1s ease-out .6s backwards}.cta-primary{padding:1rem 2.5rem;background:var(--white);color:var(--black);border:1px solid var(--white);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:var(--font-sans);position:relative;overflow:hidden}.cta-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#0000001a;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.cta-primary:hover:before{width:300px;height:300px}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #fff3}.cta-secondary{padding:.75rem 1.5rem;background:transparent;color:var(--light);border:none;font-size:.875rem;cursor:pointer;transition:color .3s ease;font-family:var(--font-sans);text-decoration:underline}.cta-secondary:hover{color:var(--white)}.hero-animation{margin-top:2rem;padding:0 40px;height:150px;position:relative;overflow:hidden}.futuristic-grid{position:absolute;width:100%;height:100%;display:flex;justify-content:space-around;align-items:flex-end;perspective:1000px}.grid-line{width:2px;height:0;background:linear-gradient(to top,var(--white),transparent);animation:gridRise 2s ease-out infinite;opacity:.3}.grid-line:nth-child(1){animation-delay:0s}.grid-line:nth-child(2){animation-delay:.2s}.grid-line:nth-child(3){animation-delay:.4s}.grid-line:nth-child(4){animation-delay:.6s}.grid-line:nth-child(5){animation-delay:.8s}@keyframes gridRise{0%{height:0;opacity:0}50%{height:100%;opacity:.3}to{height:0;opacity:0}}.data-particles{position:absolute;width:100%;height:100%;top:0;left:0}.particle{position:absolute;width:4px;height:4px;background:var(--white);border-radius:50%;opacity:0;animation:particleFloat 4s ease-in-out infinite}.particle:nth-child(1){left:10%;animation-delay:0s}.particle:nth-child(2){left:25%;animation-delay:.5s}.particle:nth-child(3){left:40%;animation-delay:1s}.particle:nth-child(4){left:55%;animation-delay:1.5s}.particle:nth-child(5){left:70%;animation-delay:2s}.particle:nth-child(6){left:85%;animation-delay:2.5s}@keyframes particleFloat{0%{bottom:0;opacity:0;transform:scale(1)}25%{opacity:.6;transform:scale(1.2)}50%{opacity:.8}75%{opacity:.4;transform:scale(.8)}to{bottom:100%;opacity:0;transform:scale(.5)}}.section-content{max-width:700px;margin:0 auto;padding:80px 20px;border-bottom:1px solid var(--border);position:relative;z-index:1;opacity:0;animation:fadeInSection .8s ease-out forwards;animation-timeline:view();animation-range:entry 0% cover 30%}@keyframes fadeInSection{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.section-title{font-family:var(--font-sans);font-size:2rem;font-weight:300;margin:0 0 2rem;color:var(--white);line-height:1.3;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:1px;background:var(--white);transition:width .6s ease-out}.section-content:hover .section-title:after{width:100%}.section-body{font-family:var(--font-sans);font-size:1rem;line-height:1.8;color:var(--light)}.section-body p{margin:0 0 1.5rem}.section-body ul{list-style:none;padding-left:1.5rem;margin:1.5rem 0}.section-body ul li{position:relative;margin-bottom:.75rem;color:var(--light);transition:all .3s ease}.section-body ul li:hover{color:var(--white);transform:translate(5px)}.section-body ul li:before{content:"·";position:absolute;left:-1.5rem;color:var(--muted);transition:color .3s ease}.section-body ul li:hover:before{color:var(--white)}left: -1.5rem; color: var(--muted); } .goal-list{font-style:italic;color:var(--muted)}.divider{margin:3rem 0;padding:2rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.divider-text{font-family:var(--font-mono);font-size:.875rem;text-align:center;color:var(--light);margin:0}.emphasis{font-family:var(--font-mono);font-size:.875rem;line-height:1.8;color:var(--muted);margin:2rem 0}strong{color:var(--white);font-weight:500}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.column h3{font-family:var(--font-sans);font-size:1rem;font-weight:500;color:var(--white);margin:0 0 1rem}.column ul{list-style:none;padding:0;margin:0}.column ul li{margin-bottom:.5rem;color:var(--light);padding-left:0}.column ul li:before{display:none}.steps{display:flex;flex-direction:column;gap:3rem;margin-top:3rem}.step{display:flex;gap:1.5rem;transition:all .3s ease;padding:1rem;margin:-1rem;border-radius:4px}.step:hover{background:#ffffff05;transform:translate(10px)}.step-number{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);font-family:var(--font-mono);font-size:1.25rem;color:var(--white);transition:all .3s ease;position:relative;overflow:hidden}.step-number:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s}.step:hover .step-number:before{width:80px;height:80px}.step:hover .step-number{border-color:var(--white);box-shadow:0 0 20px #ffffff1a}color: var(--white); } .step-content h3{font-family:var(--font-sans);font-size:1.25rem;font-weight:500;color:var(--white);margin:0 0 1rem}.step-examples{margin:1rem 0;border-left:2px solid var(--border);padding:1rem 1rem 1rem 1.5rem}.step-examples p{font-family:var(--font-mono);font-size:.875rem;color:var(--light);margin:.5rem 0}.step-description{font-family:var(--font-sans);font-size:1rem;color:var(--light);margin:1rem 0}.step-content ul{list-style:none;padding:0;margin:1rem 0}.step-content ul li{margin-bottom:.5rem;color:var(--light);padding-left:1.5rem;position:relative}.step-content ul li:before{content:"·";position:absolute;left:0;color:var(--muted)}.goal-types{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin:2rem 0}.goal-type{padding:1.5rem;border:1px solid transparent;border-radius:4px;transition:all .4s ease;position:relative;overflow:hidden}.goal-type:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);opacity:0;transition:opacity .4s ease}.goal-type:hover{border-color:var(--border);background:#ffffff05;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.goal-type:hover:before{opacity:1}.goal-type h3{font-family:var(--font-sans);font-size:1rem;font-weight:500;color:var(--white);margin:0 0 1rem;transition:color .3s ease;position:relative;z-index:1}.goal-type:hover h3{color:var(--white);text-shadow:0 0 10px rgba(255,255,255,.3)}.goal-type ul{list-style:none;padding:0;margin:0;position:relative;z-index:1}.goal-type ul li{font-size:.875rem;color:var(--light);margin-bottom:.5rem;padding-left:0;transition:all .3s ease;transform:translate(0)}.goal-type:hover ul li{color:var(--white);transform:translate(5px)}.goal-type ul li:before{display:none}.philosophy-list{list-style:none;padding:0;margin:2rem 0}.philosophy-list li{font-size:1.125rem;color:var(--white);margin-bottom:1rem;padding-left:0}.philosophy-list li:before{display:none}.sample-copy{margin:2rem 0;padding:1.5rem;border:1px solid var(--border);background:var(--dark);position:relative;overflow:hidden;transition:all .4s ease}.sample-copy:before{content:"";position:absolute;top:-2px;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--white),transparent);animation:scanLine 3s linear infinite}@keyframes scanLine{0%{left:-100%}to{left:100%}}.sample-copy:hover{border-color:var(--light);box-shadow:0 0 30px #ffffff0d}.sample-copy p{font-family:var(--font-mono);font-size:.875rem;color:var(--light);margin:.75rem 0;line-height:1.6;position:relative;z-index:1;transition:color .3s ease}.sample-copy:hover p{color:var(--white)}.final-cta{max-width:600px;margin:0 auto;padding:100px 20px;text-align:center;position:relative;z-index:1}.cta-headline{font-family:var(--font-sans);font-size:2.5rem;font-weight:300;margin:0 0 1.5rem;color:var(--white);line-height:1.2;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.cta-subtext{font-family:var(--font-mono);font-size:1rem;line-height:1.8;color:var(--light);margin:0 0 3rem}.cta-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center}.footer{padding:40px 20px;border-top:1px solid var(--border);text-align:center;position:relative;z-index:1}.footer-nav{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.footer-nav a{font-family:var(--font-mono);font-size:.875rem;color:var(--light);text-decoration:none;transition:all .3s ease;position:relative;padding-bottom:4px}.footer-nav a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background:var(--white);transition:all .3s ease;transform:translate(-50%)}.footer-nav a:hover{color:var(--white);transform:translateY(-2px)}.footer-nav a:hover:after{width:100%}.footer-nav a{font-family:var(--font-mono);font-size:.875rem;color:var(--light);text-decoration:none;transition:color .3s ease}.footer-nav a:hover{color:var(--white)}.footer-tagline{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);margin:0;animation:fadeIn 2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.hero-headline{font-size:2rem}.section-title{font-size:1.5rem}.cta-headline{font-size:1.75rem}.two-column,.goal-types{grid-template-columns:1fr;gap:1.5rem}.step{flex-direction:column;gap:1rem}.step-number{width:32px;height:32px;font-size:1rem}}@media(max-width:480px){.hero-headline{font-size:1.75rem}.hero-subheadline{font-size:1rem}.section-content{padding:60px 20px}.final-cta{padding:80px 20px}.footer-nav{flex-direction:column;gap:1rem}}.log-dialog-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.log-dialog{background:var(--dark);border:1px solid var(--border);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000004d}.log-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border)}.log-dialog-header h3{margin:0;font-size:18px;font-weight:600;color:var(--white)}.log-dialog-close{background:none;border:none;font-size:28px;color:var(--light);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:color .2s}.log-dialog-close:hover{color:var(--white)}.log-dialog-content{padding:20px}.log-dialog-date{font-size:14px;color:var(--light);margin-bottom:20px;padding:12px;background:var(--black);border:1px solid var(--border);text-align:center}.log-dialog-field{margin-bottom:16px}.log-dialog-field label{display:block;font-size:14px;font-weight:500;color:var(--white);margin-bottom:8px}.log-dialog-select,.log-dialog-input,.log-dialog-textarea{width:100%;padding:12px;background:var(--black);border:1px solid var(--border);color:var(--white);font-size:14px}.log-dialog-textarea{resize:vertical;min-height:100px;font-family:var(--font-mono);line-height:1.5}.log-dialog-select:focus,.log-dialog-input:focus,.log-dialog-textarea:focus{outline:none;border-color:var(--light)}.log-dialog-file{width:100%;padding:12px;background:var(--black);border:1px solid var(--border);color:var(--white);font-size:14px;cursor:pointer}.log-dialog-file::file-selector-button{padding:6px 12px;background:var(--dark);border:1px solid var(--border);color:var(--white);cursor:pointer;margin-right:12px}.log-dialog-file-name{font-size:12px;color:var(--light);margin-top:6px}.log-dialog-actions{display:flex;gap:12px;padding:20px;border-top:1px solid var(--border)}.log-dialog-button{flex:1;padding:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.log-dialog-button:disabled{opacity:.5;cursor:not-allowed}.log-dialog-button-cancel{background:var(--black);border:1px solid var(--border);color:var(--white)}.log-dialog-button-cancel:hover:not(:disabled){background:var(--dark)}.log-dialog-button-submit{background:var(--white);border:1px solid var(--border);color:var(--black)}.log-dialog-button-submit:hover:not(:disabled){background:var(--light)}.app{max-width:480px;min-height:100vh;margin:0 auto;display:flex;flex-direction:column;background-color:var(--black)}.main-content{flex:1;overflow-y:auto}.view-content{display:flex;flex-direction:column;gap:12px;padding:20px}.section{display:flex;flex-direction:column;gap:12px}.section+.section{margin-top:32px}.day-summary{margin-top:32px;padding:20px;background-color:var(--dark);border:1px solid var(--border)}.summary-title{font-family:var(--font-sans);font-size:16px;font-weight:500;margin-bottom:16px}.summary-entries{display:flex;flex-direction:column;gap:8px}.summary-entry{display:flex;flex-direction:column;gap:8px;font-family:var(--font-mono);font-size:13px;padding:12px;border:1px solid var(--border);background:var(--dark);margin-bottom:8px}.summary-entry:last-child{margin-bottom:0}.summary-entry-header{display:flex;justify-content:space-between;align-items:center}.summary-entry-name{font-weight:500;color:var(--white)}.summary-entry-value{color:var(--light)}.summary-entry-note{white-space:pre-wrap;color:var(--light);font-size:12px;line-height:1.6;padding:8px;background:var(--black);border:1px solid var(--border)}.summary-entry-image{margin-top:4px}.summary-entry-image img{width:100%;max-height:200px;object-fit:cover;border:1px solid var(--border)}.report-type-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.report-type-button{font-family:var(--font-mono);font-size:11px;padding:12px;background-color:var(--dark);border:1px solid var(--border);color:var(--light);cursor:pointer;transition:all .2s}.report-type-button.active{background-color:var(--white);color:var(--black)}.report-type-button:hover:not(.active){background-color:var(--mid)}.report-date-navigation{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px}.report-nav-button{background:none;border:1px solid var(--light);color:var(--white);font-size:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.report-nav-button:hover{background-color:#ffffff1a;border-color:var(--white)}.report-today-button{font-family:var(--font-mono);font-size:11px;padding:8px 16px;background-color:var(--dark);border:1px solid var(--border);color:var(--light);cursor:pointer;transition:all .2s}.report-today-button:hover{background-color:var(--mid);border-color:var(--light)}} .add-log-button{width:100%;padding:12px;margin-bottom:16px;background:var(--white);color:var(--black);border:1px solid var(--border);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.add-log-button:hover{background:var(--light)}