:root{color:#eef4f2;font-synthesis:none;text-rendering:optimizelegibility;background:#101416;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#41766f47,#0000 32rem),linear-gradient(135deg,#101416 0%,#172022 48%,#111617 100%);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{color:#09201d;cursor:pointer;background:#7fd9c5;border:0;border-radius:8px;padding:.8rem 1rem;font-weight:700;transition:background .16s,transform .16s}button:hover{background:#a3eadc;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55;transform:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #7fd9c561}.app-shell{width:min(1180px,100% - 2rem);margin:0 auto;padding:3rem 0}.club-shell{place-items:center;width:min(920px,100% - 2rem);min-height:100vh;margin:0 auto;padding:2rem 0;display:grid}.club-start{text-align:center;width:100%}.club-start h1{letter-spacing:0;margin:0;font-size:clamp(2.8rem,7vw,5.8rem);line-height:.95}.club-subtitle{color:#bdd1cc;max-width:560px;margin:1rem auto 2rem;font-size:1.05rem}.app-card-grid{grid-template-columns:repeat(2,minmax(180px,260px));justify-content:center;gap:1rem;display:grid}.app-card{aspect-ratio:1;color:#eef4f2;text-align:center;background:#141c1ed6;border:1px solid #dcece81f;align-content:center;justify-items:center;gap:.7rem;display:grid;box-shadow:0 24px 70px #0000003d}.app-card:hover{color:#09201d;background:#7fd9c5}.app-card-icon{color:#09201d;background:#7fd9c5;border-radius:8px;place-items:center;width:3.25rem;height:3.25rem;font-weight:900;display:grid}.app-card:hover .app-card-icon{background:#eef4f2}.app-card strong{font-size:1.1rem}.app-card small{max-width:180px;color:inherit;opacity:.78}.muted-app-card{background:#182123b8}.hub-message{color:#dff9f2;background:#7fd9c51f;border-radius:8px;margin:1rem 0 0;padding:.75rem .9rem;display:inline-block}.hero{justify-content:space-between;align-items:start;gap:1.5rem;margin-bottom:2rem;display:flex}.hero h1,.section-heading h2,.summary-header h2{letter-spacing:0;margin:0}.hero h1{max-width:760px;font-size:clamp(2.4rem,6vw,5.2rem);line-height:.95}.planner-hero .secondary-button{flex:none}.tagline{color:#bdd1cc;max-width:620px;margin:1rem 0 0;font-size:1.1rem}.eyebrow{color:#7fd9c5;letter-spacing:0;text-transform:uppercase;margin:0 0 .45rem;font-size:.78rem;font-weight:800}.workspace{grid-template-columns:minmax(220px,.45fr) minmax(0,1fr) minmax(340px,.85fr);align-items:start;gap:1rem;display:grid}.project-list,.project-form,.summary-panel{background:#141c1ed6;border:1px solid #dcece81f;border-radius:8px;box-shadow:0 24px 70px #0000003d}.project-list{gap:1rem;padding:1.25rem;display:grid}.project-list-items{gap:.65rem;display:grid}.project-list-item{color:#dce9e6;text-align:left;background:#182123;gap:.25rem;width:100%;display:grid}.project-list-item:hover,.selected-project{color:#09201d;background:#7fd9c5}.project-list-item small{color:inherit;opacity:.75;font-size:.76rem;font-weight:600}.project-form{gap:1rem;padding:1.25rem;display:grid}.form-fields{gap:1rem;display:grid}.section-heading h2,.summary-header h2{color:#f7fbfa;font-size:1.35rem}.field{color:#dce9e6;gap:.45rem;font-size:.95rem;font-weight:700;display:grid}input,textarea{color:#f7fbfa;background:#0f1516;border:1px solid #dcece824;border-radius:8px;width:100%;padding:.85rem .9rem}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#6f8580}.secondary-button{color:#e8f3f0;background:#273235;justify-self:start}.secondary-button:hover{background:#334144}.danger-button{color:#ffe8e8;background:#4b2328}.danger-button:hover:not(:disabled){background:#653039}.form-actions{flex-wrap:wrap;gap:.75rem;display:flex}.data-message{color:#dff9f2;background:#7fd9c51f;border-radius:8px;margin:0;padding:.75rem .85rem}.empty-state{color:#bdd1cc;background:#0f1516b3;border:1px dashed #dcece82e;border-radius:8px;padding:1rem}.empty-state p{color:#f7fbfa;margin:0 0 .25rem;font-weight:800}.empty-state span{font-size:.92rem}.summary-panel{padding:1.25rem;position:sticky;top:1rem}.summary-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.summary-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.copy-message{color:#dff9f2;background:#7fd9c51f;border-radius:8px;margin:1rem 0 0;padding:.75rem .85rem}.summary-list{gap:.8rem;margin:1.25rem 0;display:grid}.summary-item{border-bottom:1px solid #dcece81a;padding-bottom:.8rem}.summary-item:last-child{border-bottom:0;padding-bottom:0}dt{color:#8ba19c;text-transform:uppercase;font-size:.78rem;font-weight:800}dd{color:#eef4f2;white-space:pre-wrap;margin:.2rem 0 0}.restart-box{background:#0d1213;border:1px solid #7fd9c52e;border-radius:8px;padding:1rem}.restart-box h3{color:#dff9f2;margin:0 0 .75rem;font-size:.95rem}pre{color:#bdd1cc;white-space:pre-wrap;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem;overflow-x:auto}@media (width<=860px){.app-shell{width:min(100% - 1rem,680px);padding:1.5rem 0}.workspace{grid-template-columns:1fr}.app-card-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.planner-hero{display:grid}.summary-panel{position:static}}@media (width<=560px){.hero h1{font-size:2.5rem}.summary-header{display:grid}.app-card-grid{grid-template-columns:1fr}.summary-header button,.summary-actions,.secondary-button{width:100%}}
