*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;overflow-x:hidden}.app{display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.5px}h1,h2{margin-bottom:.5rem}h2{font-size:1.75rem;letter-spacing:-.3px}h2,h3{font-weight:600}h3{font-size:1.25rem;margin-bottom:.25rem}p{line-height:1.6}.navbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #e5e5e5;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar,.navbar-logo{align-items:center;display:flex}.navbar-logo{font-size:1.25rem;font-weight:700;gap:.5rem;text-decoration:none}.navbar-logo img{height:32px;width:auto}.navbar-desktop{align-items:center;display:flex;gap:.25rem}.nav-link{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;padding:.6rem 1rem;text-decoration:none;transition:background-color .15s}.nav-link:hover{background-color:#f5f5f5}.nav-link.active{background-color:#f0f0f0;font-weight:600}.navbar-hamburger{background:none;border:none;border-radius:8px;cursor:pointer;display:none;flex-direction:column;gap:5px;height:44px;justify-content:center;padding:10px;width:44px}.navbar-hamburger:hover{background:#f5f5f5}.hamburger-line{background:currentColor;border-radius:2px;display:block;height:2px;transition:transform .25s,opacity .25s;width:100%}.hamburger-line.open:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-mobile-overlay{animation:fadeIn .2s ease;background:#0000004d;inset:0;position:fixed;z-index:200}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navbar-mobile-menu{animation:slideIn .25s ease;box-shadow:-4px 0 24px #0000001a;display:flex;flex-direction:column;height:100vh;max-width:85vw;position:absolute;right:0;top:0;width:280px}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-menu-header{border-bottom:1px solid #e5e5e5;display:flex;flex-direction:column;padding:1.5rem}.mobile-menu-nav{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:.5rem 0}.mobile-nav-link{border-left:3px solid #0000;display:block;font-size:1.0625rem;font-weight:500;padding:1rem 1.5rem;text-decoration:none}.mobile-nav-link:hover{background:#f5f5f5}.mobile-nav-link.active{background:#f0f0f0;border-left-color:#007aff;font-weight:600}.mobile-menu-footer{border-top:1px solid #e5e5e5;padding:1rem 1.5rem}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;min-width:48px;padding:.75rem 1.5rem;text-decoration:none;transition:all .15s}.btn-primary{color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background:#0000;border:2px solid #e5e5e5}.btn-secondary:hover{background:#f9f9f9;border-color:#ccc}.btn-large{border-radius:12px;font-size:1.1rem;min-height:56px;padding:1rem 2rem}.btn-small{font-size:.875rem;min-height:40px;padding:.5rem 1rem}.btn-block{width:100%}.btn-danger{background:#ff3b30;color:#fff}.btn-danger:hover{background:#e0352b}.card{border:1px solid #e5e5e5;border-radius:16px;padding:1.5rem}.card-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.stat-card{border:1px solid #e5e5e5;border-radius:16px;padding:1.5rem}.stat-card .stat-label{font-size:.875rem;font-weight:500;margin-bottom:.5rem}.stat-card .stat-value{font-size:2rem;font-weight:700}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.4rem}.form-input{-webkit-appearance:none;background:#fff;border:2px solid #e5e5e5;border-radius:10px;font-family:inherit;font-size:1rem;min-height:48px;padding:.75rem 1rem;transition:border-color .15s;width:100%}.form-input:focus{border-color:#007aff;outline:none}.form-input::placeholder{color:#aaa}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem 1.25rem}.auth-card{max-width:420px;width:100%}.auth-card h1{font-size:2rem;margin-bottom:.25rem}.auth-card .subtitle{margin-bottom:2rem}.auth-card .switch-text{font-size:.95rem;margin-top:1.5rem;text-align:center}.auth-card .switch-text a{font-weight:600;text-decoration:none}.landing-page{display:flex;flex-direction:column;min-height:100vh}.landing-hero{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:4rem 1.5rem;text-align:center}.landing-hero h1{font-size:3.5rem;font-weight:700;letter-spacing:-1px;margin-bottom:.75rem}.landing-hero .tagline{font-size:1.3rem;font-weight:400;margin-bottom:2.5rem}.landing-hero .btn-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.landing-features{border-top:1px solid #e5e5e5;padding:4rem 1.5rem}.landing-features .features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px}.landing-features .feature-item{padding:1.5rem}.landing-features .feature-item h3{font-size:1.15rem;margin-bottom:.5rem}.landing-features .feature-item p{font-size:.95rem;line-height:1.6}.dashboard-header{margin-bottom:2rem}.dashboard-header h2{font-size:1.75rem}.dashboard-header .subtitle{font-size:1rem}.section{margin-bottom:2.5rem}.section-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.section-header h3{font-size:1.1rem;font-weight:600}.empty-state{border:2px dashed #e5e5e5;border-radius:16px;padding:3rem 1.5rem;text-align:center}.empty-state h3{font-size:1.1rem;margin-bottom:.5rem}.empty-state p{font-size:.95rem;margin-bottom:1.5rem}.settings-section{border-bottom:1px solid #e5e5e5;margin-bottom:2.5rem;padding-bottom:2.5rem}.settings-section:last-child{border-bottom:none}.settings-section h3{font-size:1.15rem;margin-bottom:1rem}.color-picker-row{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.color-picker-row label{font-size:.95rem;font-weight:500;min-width:160px}.color-picker-row input[type=color]{background:#fff;border:2px solid #e5e5e5;border-radius:10px;cursor:pointer;height:48px;padding:2px;width:48px}.alert{border-radius:10px;font-size:.95rem;margin-bottom:1rem;padding:.75rem 1rem}.alert-error{background:#fff2f2;border:1px solid #ffd9d9;color:#c00}.alert-success{background:#f0fff4;border:1px solid #c6f6d5;color:#00802b}@media (max-width:1024px){.card-grid,.landing-features .features-grid{grid-template-columns:repeat(2,1fr)}.page-content{padding:1.5rem}.navbar{padding:.875rem 1.5rem}}@media (max-width:640px){.navbar-hamburger{display:flex}.navbar-desktop{display:none}.navbar{padding:.75rem 1rem}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.1rem}.page-content{padding:1.25rem 1rem}.card-grid{gap:.75rem;grid-template-columns:1fr 1fr}.stat-card{padding:1rem}.stat-card .stat-value{font-size:1.5rem}.stat-card .stat-label{font-size:.75rem}.landing-hero{padding:3rem 1.25rem}.landing-hero h1{font-size:2.25rem;letter-spacing:-.5px}.landing-hero .tagline{font-size:1.1rem;margin-bottom:2rem}.landing-hero .btn-group{flex-direction:column;width:100%}.landing-hero .btn-group .btn{width:100%}.landing-features{padding:2.5rem 1.25rem}.landing-features .features-grid{gap:1.25rem;grid-template-columns:1fr}.landing-features .feature-item{padding:1rem 0}.section-header{align-items:flex-start;flex-direction:column;gap:.75rem}.section-header .btn{width:100%}.empty-state{padding:2rem 1.25rem}.color-picker-row{flex-wrap:wrap}.color-picker-row label{min-width:auto;width:100%}.auth-card h1{font-size:1.625rem}.btn-large{font-size:1rem;padding:.875rem 1.5rem}.dashboard-header h2{font-size:1.375rem}}@media (max-width:380px){.card-grid{grid-template-columns:1fr}.landing-hero h1{font-size:1.875rem}.stat-card .stat-value{font-size:1.25rem}}.blog-page{background-color:#fff;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:760px;min-height:100vh;padding:2rem 1.5rem 4rem}.blog-hero{border-bottom:1px solid #e5e5e5;margin-bottom:2.5rem;padding:3rem 0 2.5rem;text-align:center}.blog-back-link{color:#007aff;display:inline-block;font-size:.875rem;margin-bottom:1.5rem;text-decoration:none}.blog-back-link:hover{text-decoration:underline}.blog-hero h1{color:#000;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .75rem}.blog-hero-sub{color:#666;font-size:1.125rem;line-height:1.6;margin:0 0 1rem}.blog-hero-desc{color:#888;font-size:.9375rem;line-height:1.7;margin:0 auto;max-width:580px}.blog-progress{-webkit-overflow-scrolling:touch;background:#f9f9f9;border-radius:12px;margin-bottom:2.5rem;overflow-x:auto;padding:1.25rem 1.5rem}.phase-track{display:flex;gap:0;justify-content:space-between;min-width:600px}.phase-node{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.phase-node:not(:last-child):after{background:#e0e0e0;content:"";height:2px;left:55%;position:absolute;right:-45%;top:14px}.phase-node.active:not(:last-child):after{background:#007aff}.phase-dot{align-items:center;background:#e0e0e0;border-radius:50%;color:#999;display:flex;font-size:.75rem;font-weight:600;height:28px;justify-content:center;position:relative;width:28px;z-index:1}.phase-node.active .phase-dot{background:#007aff;color:#fff}.phase-pulse{animation:pulse 2s ease-in-out infinite;background:#007aff;border-radius:50%;height:28px;opacity:.3;position:absolute;width:28px}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:0;transform:scale(1.6)}}.phase-label{color:#999;font-size:.6875rem;margin-top:.375rem;text-align:center;white-space:nowrap}.phase-node.active .phase-label{color:#007aff;font-weight:600}.phase-bar-wrap{background:#e0e0e0;border-radius:2px;height:3px;margin-top:.25rem;overflow:hidden;width:80%}.phase-bar-fill{background:#007aff;border-radius:2px;height:100%;transition:width .6s ease}.blog-entries{display:flex;flex-direction:column;gap:2rem}.blog-entry{border:1px solid #e5e5e5;border-radius:12px;overflow:hidden}.blog-entry-header{align-items:center;background:#fafafa;border-bottom:1px solid #e5e5e5;display:flex;gap:1rem;padding:1.25rem 1.5rem}.blog-date-badge{align-items:center;background:#000;border-radius:8px;color:#fff;display:flex;flex-direction:column;flex-shrink:0;min-width:48px;padding:.25rem .5rem}.blog-day{font-size:1.25rem;font-weight:700;line-height:1.2}.blog-month{font-size:.625rem;font-weight:600;letter-spacing:.05em;opacity:.8}.blog-title{color:#000;flex:1 1;font-size:1.25rem;font-weight:700;margin:0}.blog-subtitle{color:#888;font-size:.8125rem;font-style:italic;margin:.125rem 0 0}.blog-expand{color:#ccc;flex-shrink:0;font-size:1.5rem;font-weight:300;text-align:center;width:32px}.blog-entry-body{padding:1.5rem}.blog-perspective{display:flex;gap:1rem;margin-bottom:0}.blog-avatar{flex-direction:column;flex-shrink:0;gap:.125rem;min-width:56px}.avatar-icon,.blog-avatar{align-items:center;display:flex}.avatar-icon{border-radius:50%;font-size:.8125rem;font-weight:700;height:40px;justify-content:center;width:40px}.james .avatar-icon{background:#2c2c2e;color:#fff}.claude .avatar-icon{background:#d4a574;color:#fff}.avatar-label{color:#333;font-size:.75rem;font-weight:600}.avatar-role{color:#999;font-size:.625rem}.blog-text{color:#333;flex:1 1;font-size:.9375rem;line-height:1.75}.blog-text p{margin:0 0 .875rem}.blog-text p:last-child{margin-bottom:0}.blog-text em{background:#f5f5f5;color:#555;font-style:italic}.blog-text code,.blog-text em{border-radius:3px;padding:.125rem .375rem}.blog-text code{background:#f0f0f0;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8125rem}.blog-divider{align-items:center;color:#ccc;display:flex;font-size:.75rem;gap:1rem;letter-spacing:.1em;margin:1.25rem 0;text-transform:uppercase}.blog-divider:after,.blog-divider:before{background:#e5e5e5;content:"";flex:1 1;height:1px}.blog-milestones{border-top:1px solid #e5e5e5;margin-top:1.5rem;padding-top:1.25rem}.blog-milestones h4{color:#999;font-size:.75rem;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.milestone-tags{display:flex;flex-wrap:wrap;gap:.5rem}.milestone-tag{background:#f0fff0;border:1px solid #c8e6c8;border-radius:20px;color:#2d8a2d;display:inline-block;font-size:.8125rem;font-weight:500;padding:.25rem .75rem}.blog-stats{background:#f9f9f9;border-radius:8px;display:flex;gap:0;margin-top:1.25rem;overflow:hidden}.blog-stat{align-items:center;border-right:1px solid #e5e5e5;display:flex;flex:1 1;flex-direction:column;padding:.75rem .5rem}.blog-stat:last-child{border-right:none}.blog-stat .stat-num{color:#000;font-size:1.25rem;font-weight:700}.blog-stat .stat-label{color:#888;font-size:.6875rem;margin-top:.125rem;text-align:center}.blog-footer{border-top:1px solid #e5e5e5;color:#666;font-size:.875rem;margin-top:2.5rem;padding:2.5rem 0 1rem;text-align:center}@media (max-width:640px){.blog-page{padding:1rem}.blog-hero h1{font-size:1.75rem}.blog-hero-sub{font-size:1rem}.blog-perspective{flex-direction:column}.blog-avatar{flex-direction:row;gap:.5rem;min-width:auto}.blog-stats{flex-wrap:wrap}.blog-stat{flex:1 0 45%}.blog-entry-body,.blog-entry-header{padding:1rem}.blog-title{font-size:1.0625rem}.blog-hero{padding:2rem 0 1.5rem}.inspection-sidebar{display:none!important}}
/*# sourceMappingURL=main.9935331e.css.map*/