*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;color:#0f172a}a{color:inherit;text-decoration:none}.app-header{justify-content:space-between;padding:12px 16px;gap:8px}.app-header,.header-actions{display:flex;align-items:center;flex-wrap:wrap}.header-actions{gap:6px}.header-actions>:not(.mobile-menu-btn){display:none}.mobile-menu-btn{display:flex}.app-nav,.header-brand-subtitle,.header-divider,.project-name-btn,.projects-label,.save-label,.signin-label{display:none}.app-nav{gap:0;padding:0 8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}.nav-btn{display:flex;align-items:center;gap:4px;padding:10px;font-size:12px;white-space:nowrap;flex-shrink:0}.nav-label{display:none}.app-main{padding:16px;max-width:1100px;margin:0 auto}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.project-grid,.template-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.phase-grid,.task-form-grid{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.timeline-container{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (min-width:640px){.app-header{padding:16px 20px}.mobile-menu-btn{display:none}.header-actions>:not(.mobile-menu-btn),.header-actions>button,.header-actions>span{display:flex}.header-brand-subtitle{display:block}.app-nav{display:flex;padding:0 20px;gap:4px}.nav-btn{padding:12px 14px;font-size:13px;gap:6px}.nav-label{display:inline}.app-main{padding:20px}.project-name-btn{display:flex}.header-divider{display:block}.save-label{display:inline}.template-grid{grid-template-columns:repeat(2,1fr)}.task-form-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.app-header{padding:16px 24px}.header-actions{gap:8px}.projects-label,.signin-label{display:inline}.app-nav{padding:0 24px}.app-main{padding:24px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.template-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}}