:root{--primary-bg:#0a0e27;--secondary-bg:#151d3b;--tertiary-bg:#1a2544;--border-color:#2d3a52;--text-primary:#fff;--text-secondary:#a0a9c9;--accent-color:#5b9cf5;--accent-light:#7badff;--success-color:#4ade80;--error-color:#f87171}.hello-world-container{color:#fff;flex-direction:column;min-height:100vh;padding:1rem;display:flex}.roadmap-container{flex-direction:column;gap:2rem;width:100%;margin-bottom:2rem;display:flex}.left-column{flex-direction:column;gap:1.5rem;display:flex}.roadmap-full-width{flex-direction:column;gap:1.5rem;width:100%;display:flex}.setup-view{flex-direction:column;gap:2rem;padding-bottom:4rem;display:flex}.setup-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.setup-launch{max-width:600px;margin:1rem auto}.ai-card,.notion-card{background:linear-gradient(#1a1a20,#12121a);border:1px solid #2a2a35;border-radius:10px;padding:1.5rem}.ai-card h5,.notion-card h5{margin:.5rem 0;font-size:1.1rem;font-weight:700}.card-desc{color:#71717a;margin:0 0 1.25rem;font-size:.8rem}.ai-select-row select{color:#fff;cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1aa' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 1rem center no-repeat;border:1px solid #3f3f46;border-radius:12px;width:100%;padding:1rem;font-size:16px;font-weight:600}.ai-select-row select:focus{border-color:#52525b;outline:none}.ai-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.ai-option{cursor:pointer;background:linear-gradient(#27272f,#18181b);border:1px solid #3f3f46;border-radius:14px;flex-direction:column;align-items:center;padding:1.25rem .75rem;transition:all .25s;display:flex}.ai-option:hover{border-color:#22d3ee}.ai-option.active{background:linear-gradient(#22d3ee26,#22d3ee0d);border-color:#22d3ee;box-shadow:0 0 25px #22d3ee40,0 8px 25px #0006}.ai-title{color:#fff;font-size:.95rem;font-weight:700}.ai-sub{color:#a1a1aa;margin-top:.25rem;font-size:.7rem}.ai-setup{margin-top:1rem}.info-box{background:#0000004d;border-radius:10px;margin-bottom:1rem;padding:1rem}.info-box p{color:#fff;margin:0;font-size:.9rem}.info-box .info-sub{color:#a1a1aa;margin-top:.25rem;font-size:.75rem}.setup-form{flex-direction:column;gap:.75rem;display:flex}.ready-state{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.ready-state.success{padding:.75rem 1rem}.ready-state .check{color:#22c55e;padding:0 5px;font-size:1.5rem}.ready-state p{color:#ccc;margin:0}.ready-state .info-sub{color:#a1a1aa;font-size:.75rem}.model-select{margin-bottom:.75rem}.model-select select{color:#fff;background:#27272f;border:1px solid #3f3f46;border-radius:10px;width:100%;padding:.85rem;font-size:16px}.model-text-input{color:#fff;box-sizing:border-box;background:#27272f;border:1px solid #3f3f46;border-radius:10px;outline:none;width:100%;padding:.85rem;font-size:16px}.model-text-input:focus{border-color:var(--zinc-500)}.model-text-input::placeholder{color:var(--zinc-500)}.add-btn{background-color:var(--secondary-bg);border:1px solid var(--border-color);color:var(--accent-color);cursor:pointer;border-radius:8px;padding:.5rem .8rem;font-size:14px;font-weight:600;transition:all .2s}.add-btn.primary{background:linear-gradient(135deg,#22d3ee,#0891b2)}.add-btn.primary:hover{box-shadow:0 6px 20px #22d3ee66}.token-row{gap:.5rem;display:flex}.token-row input{color:#fff;background:#27272f;border:1px solid #3f3f46;border-radius:8px;flex:1;padding:.65rem;font-size:16px}.save-btn{background-color:var(--secondary-bg);border:1px solid var(--border-color);color:var(--accent-color);cursor:pointer;border-radius:8px;padding:.5rem .8rem;font-size:14px;font-weight:600}.change-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.download-state p{color:#fff;margin:0 0 .5rem}.progress-bar{background:#3f3f46;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#22d3ee,#22d3ee);border-radius:4px;height:100%;transition:width .3s}.notion-card.connected{border-color:#22c55e66}.connected-state{background:#22c55e1a;border-radius:10px;align-items:center;gap:.75rem;padding:1rem;display:flex}.connected-info{flex-direction:column;flex:1;gap:.1rem;display:flex}.connected-state p{color:#fff;margin:0;font-weight:600}.workspace-name-meta{font-size:.8rem;color:#a1a1aa!important;font-weight:400!important}.job-card{background:linear-gradient(#1a1a20,#12121a);border:1px solid #2a2a35;border-radius:10px;padding:1.5rem}.job-card:hover,.ai-card:hover,.notion-card:hover,.user-card:hover{transform:none!important}.job-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.job-icon{border-radius:10px}.user-dp-placeholder{color:#fff;background:linear-gradient(135deg,#22d3ee,#0891b2);border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:700;display:flex}.job-header h4{color:#fff;margin:0;font-size:1.1rem}.job-header .company{color:#a1a1aa;margin:.25rem 0 0;font-size:.85rem}.job-meta{gap:.75rem;margin-bottom:1rem;display:flex}.job-meta span{color:#22d3ee;background:#22d3ee33;border-radius:8px;padding:.35rem .75rem;font-size:.75rem}.skills-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.skills-row>span,.skill-date{color:#a1a1aa;font-size:.8rem}.skill-tags{flex-wrap:wrap;gap:.4rem;display:flex}.skill-tags span{color:#e4e4e7;background:#27272f;border-radius:6px;padding:.3rem .6rem;font-size:.75rem}.generate-btn{background-color:var(--secondary-bg);border:1px solid var(--border-color);color:var(--accent-color);cursor:pointer;border-radius:8px;padding:.5rem .8rem;font-size:14px;font-weight:600;transition:all .25s}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.roadmap-preview{background:linear-gradient(#1a1a20,#12121a);border:1px solid #2a2a35;border-radius:20px;padding:1.5rem}.roadmap-preview h4{color:#dedede;margin:0 0 1.25rem;font-size:1.1rem}.preview-section{margin-bottom:1.25rem}.preview-section h5{color:#a1a1aa;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.8rem}.preview-list{flex-direction:column;gap:.5rem;display:flex}.preview-item{color:#e4e4e7;font-size:.9rem}.roadmap-text{color:#e4e4e7;white-space:pre-wrap;background:linear-gradient(#1a1a20,#12121a);border-radius:16px;max-height:700px;padding:1.5rem;font-size:.85rem;line-height:1.6;overflow:auto}.roadmap-text h1,.roadmap-text[data-orig]:first-line{color:#22d3ee;border-bottom:2px solid #22d3ee;margin:0 0 1rem;padding-bottom:.75rem;font-size:1.4rem}.roadmap-text h2,.roadmap-text .section{color:#22d3ee;margin:1.5rem 0 .75rem;font-size:1.1rem;font-weight:700}.roadmap-text .callout{color:#e4e4e7;background:#22d3ee26;border-left:3px solid #22d3ee;border-radius:0 8px 8px 0;margin:.5rem 0;padding:.75rem 1rem}.roadmap-text .post{background:#22d3ee1a;border-left:3px solid #22d3ee;border-radius:0 8px 8px 0;margin:.5rem 0;padding:.75rem 1rem}.roadmap-text .dm{background:#22d3ee26;border-left:3px solid #22d3ee;border-radius:0 8px 8px 0;margin:.5rem 0;padding:.75rem 1rem}.roadmap-blocks h2{color:#22d3ee;border-bottom:1px solid #3f3f46;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.1rem}.section-header{color:#22d3ee;background:linear-gradient(90deg,#22d3ee33,#0000);border-left:3px solid #22d3ee;border-radius:8px;align-items:center;gap:.5rem;margin:1rem 0 .5rem;padding:.75rem 1rem;font-size:1rem;font-weight:700;display:flex}.section-header span{font-size:1.2rem}.item-title{color:#22d3ee;margin:1rem 0 .25rem;font-size:.9rem;font-weight:600}.dm-item{background:#22d3ee1a;border-left:3px solid #22d3ee;border-radius:8px;gap:.5rem;margin:.5rem 0;padding:.75rem;display:flex}.dm-item span{font-size:1rem}.dm-item p{color:#e4e4e7;margin:0;font-size:.85rem}.roadmap-line{color:#d4d4d8;border-bottom:1px solid #ffffff0d;padding:.35rem 0;font-size:.85rem}.block-item{background:#ffffff08;border-left:3px solid #22d3ee;border-radius:12px;gap:.75rem;margin:.5rem 0;padding:.75rem;display:flex}.block-item.post,.block-item.dm{border-left-color:#22d3ee}.block-icon{font-size:1.25rem}.block-item strong{color:#fff;margin-bottom:.25rem;font-size:.9rem;display:block}.block-item p{color:#d4d4d8;margin:.25rem 0;font-size:.8rem}.block-item .how{color:#22d3ee;font-size:.75rem}.block-item small{color:#71717a;text-transform:uppercase;font-size:.7rem}.block-item tags{color:#22d3ee;font-size:.75rem}.save-notion-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22d3ee,#0891b2);border:none;border-radius:12px;width:100%;margin-top:1rem;padding:1rem;font-weight:700;transition:all .2s}.save-notion-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #22d3ee66}.saved-card{text-align:center;background:linear-gradient(#22c55e26,#22c55e0d);border:1px solid #22c55e66;border-radius:16px;padding:1.5rem}.saved-card h4{color:#22c55e;margin:0 0 .75rem;font-size:1.2rem}.saved-card a{color:#22d3ee;font-weight:600;text-decoration:none}.loading{text-align:center;color:#71717a;padding:2rem}.access-denied{text-align:center;background:#18181e99;border:1px solid #2a2a35;border-radius:16px;padding:4rem 2rem}.accordion{overflow:hidden}.accordion-header{cursor:pointer;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.accordion-title{align-items:center;gap:.75rem;display:flex}.accordion-num{background:linear-gradient(135deg,#22d3ee,#0891b2);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.accordion-title h5{margin:0}.check-icon{color:#22c55e;font-size:1.1rem}.accordion-arrow{color:#71717a;font-size:.75rem;transition:transform .2s}.accordion-content{padding-top:1rem}.button-row{gap:.5rem;display:flex}.delete-btn{color:#f87171;cursor:pointer;background:#ef444433;border:1px solid #ef444466;border-radius:8px;padding:.5rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.delete-btn:hover{background:#ef44444d}.generating-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999999999;pointer-events:all;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.generating-inline{background:var(--zinc-900);border:1px solid var(--zinc-700);border-radius:10px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.generating-inline .loading-spinner{border-width:2px;width:20px;height:20px;margin:0}.generating-inline span{color:var(--zinc-400);font-size:.85rem}.generate-error-banner{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.generate-error-banner svg{color:#f87171;flex-shrink:0}.generate-error-dismiss{color:#fca5a5;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 .25rem;font-size:1.25rem;line-height:1}.loader-card{background:#18181bf2;border:1px solid #71717a4d;border-radius:10px;width:90%;max-width:500px;padding:3rem 4rem;box-shadow:0 25px 50px -12px #00000080}.center-loader{text-align:center;flex-direction:column;align-items:center;animation:.4s ease-out fadeInDown;display:flex}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.center-loader h4{color:#d4d4d8;letter-spacing:0;min-height:1.5rem;margin:0;font-size:1rem;font-weight:500}.center-loader h4:after{content:"|";color:#a1a1aa;font-weight:300;animation:.8s step-end infinite blink}@keyframes blink{50%{opacity:0}}.center-loader .loading-sub{color:#71717a;margin-top:1rem;font-size:1rem;line-height:1.5}.access-denied{justify-content:center;align-items:center;min-height:50vh;padding:6rem 2rem;display:flex}.access-card{text-align:center;background:linear-gradient(#18181b,#09090b);border:1px solid #27272a;border-radius:28px;width:100%;max-width:550px;padding:3rem 2.5rem;animation:.5s ease-out fadeInUp;box-shadow:0 20px 40px #0006}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.access-icon{margin-bottom:1.5rem;font-size:3.5rem}.access-card h2{color:#fff;margin-bottom:1rem;font-size:1.8rem;font-weight:800}.access-card p{color:#d4d4d8;margin-bottom:1rem;font-size:1.1rem;line-height:1.6}.access-sub{color:#71717a!important;font-size:.95rem!important}.access-notice{color:#22d3ee;margin-top:2rem;font-size:1rem;font-weight:700}.login-span{color:#22d3ee;cursor:pointer;padding:0 4px;font-weight:700;transition:all .2s}.login-span:hover{color:#fff;background:#22d3ee1a;border-radius:4px}.roadmap-container .setup-grid{margin-bottom:2.5rem}.loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.loading-spinner{border:4px solid #71717a33;border-top-color:#a1a1aa;border-radius:50%;width:48px;height:48px;margin-bottom:1.5rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state h4{color:#dedede;margin:0;font-size:1.25rem}.loading-state .loading-sub{color:#71717a;margin:.5rem 0 0;font-size:.9rem}.roadmap-accordions{flex-direction:column;gap:.5rem;margin-top:1.3rem;display:flex}.accordion-item{text-align:left;background:linear-gradient(#27272f,#18181b);border:1px solid #3f3f46;border-radius:12px;transition:all .2s;overflow:hidden}.accordion-item.open{border-color:#22d3ee}.accordion-header{cursor:pointer;text-align:left;align-items:center;gap:.75rem;padding:1rem;transition:background .2s;display:flex}.accordion-header:hover{background:#22d3ee1a}.accordion-icon{flex-shrink:0;width:16px;font-size:.75rem;transition:transform .2s}.accordion-title-text{color:#fff;text-align:left;flex:1;font-size:.9rem;font-weight:600}.accordion-content{text-align:left;background:#0003;border-radius:8px;margin:0 .5rem .5rem;padding:.75rem 1rem 1rem}.accordion-item-detail{color:#d4d4d8;text-align:left;border-bottom:1px solid #ffffff0d;padding:.5rem 0;font-size:.85rem}.accordion-item-detail:last-child{border-bottom:none}.section2-projects{flex-direction:column;gap:1.5rem;padding:.5rem 0;display:flex}.project-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:1.25rem;transition:all .3s;position:relative}.project-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.project-card--featured{background:linear-gradient(145deg,#22d3ee0d,#ffffff05);border-color:#22d3ee66;box-shadow:0 4px 20px #0003}.project-badge{color:#fff;background:#22d3ee;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600;position:absolute;top:-10px;right:15px;box-shadow:0 2px 8px #22d3ee66}.project-name{color:#fff;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.project-why{color:#9ca3af;margin:0 0 1rem;font-size:.95rem;line-height:1.5}.project-skills{flex-wrap:wrap;gap:.5rem;display:flex}.project-skill-tag{color:#d1d5db;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:3px 10px;font-size:.8rem;font-weight:500}.project-card--featured .project-skill-tag{color:#67e8f9;background:#22d3ee1a;border-color:#22d3ee33}.section1-layout{flex-direction:column;gap:1rem;display:flex}.section1-job-title{color:#22d3ee;border-bottom:1px solid #22d3ee33;margin:0;padding-bottom:.5rem;font-size:1.1rem;font-weight:700}.section1-description{color:#d4d4d8;margin:0;font-size:.875rem;line-height:1.65}.section1-grid{flex-direction:column;gap:.75rem;display:flex}.section1-field{flex-direction:column;gap:.4rem;margin-bottom:.3rem;display:flex}.section1-label{text-transform:uppercase;letter-spacing:.08em;color:#71717a;font-size:1rem;font-weight:700}.skill-tags--user span{color:#67e8f9;background:#22d3ee33;border:1px solid #22d3ee4d}.section1-links{flex-wrap:wrap;gap:.5rem;padding-top:.25rem;display:flex}.section1-link{color:#22d3ee;background:#22d3ee1a;border:1px solid #22d3ee4d;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.section1-link:hover{background:#22d3ee33;transform:translateY(-1px);box-shadow:0 4px 12px #22d3ee33}.project-links-row{flex-wrap:wrap;gap:.5rem;display:flex}.project-link-btn{color:#22d3ee;background:#22d3ee26;border:1px solid #22d3ee4d;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.project-link-btn:hover{background:#22d3ee40;transform:translateY(-1px);box-shadow:0 4px 12px #22d3ee33}.team-list{flex-direction:column;gap:.75rem;display:flex}.team-member{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem;transition:all .2s;display:flex}.team-member:hover{background:#ffffff0d;border-color:#ffffff1f}.team-member-info{flex-direction:column;gap:.15rem;display:flex}.team-member-name{color:#fff;font-size:.9rem;font-weight:600}.team-member-role{color:#a1a1aa;font-size:.8rem}.team-link{color:#22d3ee;background:#22d3ee1a;border:1px solid #22d3ee33;border-radius:6px;padding:.25rem .5rem;font-size:.7rem;font-weight:600;text-decoration:none;transition:all .2s}.team-link:hover{background:#22d3ee33}.application-guide{flex-direction:column;gap:1.25rem;display:flex}.guide-section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:1rem}.guide-section-title{color:#22d3ee;border-bottom:1px solid #22d3ee33;margin:0 0 .75rem;padding-bottom:.5rem;font-size:.95rem;font-weight:700}.guide-section-content{flex-direction:column;gap:.5rem;display:flex}.guide-bullet{color:#e4e4e7;align-items:flex-start;gap:.5rem;padding-left:.5rem;font-size:.85rem;line-height:1.5;display:flex}.guide-bullet:before{content:"•";color:#22d3ee;flex-shrink:0;font-weight:700}.guide-numbered{color:#e4e4e7;padding:.25rem 0 .25rem .5rem;font-size:.85rem;line-height:1.5}.guide-bold{color:#fff;padding:.25rem 0;font-size:.85rem;font-weight:600}.guide-text{color:#a1a1aa;padding:.25rem 0;font-size:.85rem;line-height:1.5}.guide-intro{background:linear-gradient(135deg,#22d3ee26,#22d3ee1a);border:1px solid #22d3ee4d;border-radius:12px;margin-bottom:.5rem;padding:1rem}.guide-intro-text{color:#fff;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.guide-notion-link{color:#22d3ee;cursor:pointer;background:#22d3ee1a;border:1px solid #22d3ee4d;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.guide-notion-link:hover{background:#22d3ee33;transform:translateY(-1px);box-shadow:0 4px 12px #22d3ee33}.team-member-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.team-member-links{gap:.5rem;display:flex}.team-link{color:#71717a;cursor:pointer;font-size:.85rem;transition:all .2s}.team-link:hover{color:#22d3ee;transform:translateY(-1px)}.guide-steps{flex-direction:column;gap:.5rem;display:flex}.guide-step{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:flex-start;gap:.75rem;margin-bottom:0;padding:.85rem;transition:all .2s;display:flex}.guide-step:hover{background:#ffffff0d;border-color:#22d3ee4d}.guide-step-number{color:#22d3ee;background:#22d3ee26;border:1px solid #22d3ee4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.guide-step-text{color:#e4e4e7;flex:1;font-size:.85rem;line-height:1.5}.guide-step-text strong{color:#22d3ee;font-weight:600}.guide-day-title{color:#22d3ee;border-bottom:1px solid #22d3ee33;margin:1rem 0 .5rem;padding-bottom:.25rem;font-size:.95rem;font-weight:700}.guide-dm-block{color:#e4e4e7;white-space:pre-wrap;background:#22d3ee14;border-left:3px solid #22d3ee;border-radius:10px;margin:.75rem 0;padding:1rem 1.25rem;font-size:.85rem;line-height:1.6}.guide-dm-content{font-style:italic}.guide-divider{border:none;border-top:1px solid #ffffff0f;margin:1rem 0}.step-main-text{color:#fff;margin-bottom:.25rem;font-weight:600}.step-extra{color:#bababf;white-space:pre-wrap;word-break:break-word;background:#00000040;border:1px solid #22d3ee33;border-radius:8px;margin-top:.5rem;padding:.75rem;font-family:inherit;font-size:.8rem;line-height:1.5}.guide-notion-bottom{text-align:center;border-top:1px solid #22d3ee33;margin-top:1rem;padding-top:1rem}.info-link{color:#22d3ee;font-weight:600;transition:opacity .2s}.info-link:hover{opacity:.8;color:#0df}.simulated-note{color:#22d3ee;background:#22d3ee1a;border:1px solid #22d3ee4d;border-radius:12px;margin-bottom:1.5rem;padding:1rem;font-size:.85rem;line-height:1.5}.project-header{justify-content:space-between;align-items:center;margin-bottom:.3rem;display:flex}.recommended-badge{color:#4ade80;text-transform:uppercase;letter-spacing:.05em;background:#22c55e26;border:1px solid #22c55e4d;border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.info-box code{color:#67e8f9;background:#ffffff1a;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.85em}@media (max-width:850px){.setup-grid,.roadmap-grid{grid-template-columns:1fr;gap:1.5rem}}.setup-view-sidebar{gap:1.5rem}.setup-sidebar-grid{flex-direction:column;gap:1.5rem;display:flex}.job-date{color:#a1a1aa66;margin:.15rem 0 0;font-size:.75rem}.job-description{color:#a1a1aab3;margin:1rem 0 0;font-size:.875rem;line-height:1.6}.job-detail-section{border-top:1px solid #ffffff0f;margin-top:1.25rem;padding-top:1.25rem}.job-detail-label{text-transform:uppercase;letter-spacing:.05em;color:#a1a1aa80;margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:block}.job-detail-value{color:#d4d4d8;font-size:.875rem}.job-detail-row{margin-bottom:.5rem}.job-detail-tags{flex-wrap:wrap;gap:.4rem;display:flex}.job-tag{color:#d4d4d8;background:#a1a1aa1a;border:1px solid #a1a1aa33;border-radius:10px;padding:.25rem .6rem;font-size:.75rem;font-weight:500}.job-tag--preferred{background:#a1a1aa1a;border:1px solid #a1a1aa33}.job-tag--perk{background:#71717a26;border-color:#71717a4d}.job-detail-list{color:#a1a1aab3;margin:0;padding-left:1.25rem;font-size:.85rem;line-height:1.6}.job-detail-list li{margin-bottom:.25rem}.job-links{flex-wrap:wrap;gap:.5rem;display:flex}.job-link-btn{color:#d4d4d8;background:#a1a1aa1a;border:1px solid #a1a1aa33;border-radius:10px;align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.job-link-btn:hover{color:#5b9cf5;background:#5b9cf51a;border-color:#5b9cf533}.job-project-link:hover{background:var(--zinc-700);border-color:var(--zinc-500)}.sidebar-launch-section{flex-direction:column;gap:1rem;display:flex}.sidebar-status{flex-direction:column;gap:.5rem;display:flex}.sidebar-status-row{align-items:center;gap:.5rem;display:flex}.sidebar-status-icon{align-items:center;display:flex}.sidebar-status-label{font-size:.8rem;font-weight:600}.sidebar-cowries-text{color:#a1a1aa;margin:0 0 .75rem;font-size:.8rem}.sidebar-missing-text{color:#a1a1aa;margin:0;font-size:.8rem}.job-loading-spinner{justify-content:center;align-items:center;padding:3rem;display:flex}.job-loading-spinner .loading-spinner{border-width:3px;width:32px;height:32px;margin:0}.login-sidebar-card{background:var(--zinc-900);border:1px solid var(--zinc-800);text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem 1.5rem;display:flex}.login-sidebar-card svg{color:#a1a1aa66}.login-sidebar-card h4{color:#fff;margin:0;font-size:1rem;font-weight:700}.login-sidebar-card p{color:#a1a1aab3;margin:0;font-size:.85rem;line-height:1.5}.login-sidebar-btn{background:var(--zinc-800);border:1px solid var(--zinc-600);color:#fff;cursor:pointer;border-radius:10px;align-items:center;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.login-sidebar-btn:hover{background:var(--zinc-700)}.user-balance-row{border-top:1px solid #ffffff0f;justify-content:flex-end;margin-top:.75rem;padding-top:.75rem;display:flex}.user-balance{color:#d4d4d8;font-size:.85rem;font-weight:600}.gemma-ready-pill{background:#22c55e1f;border:1px solid #22c55e4d;border-radius:10px;align-items:center;gap:8px;padding:6px 14px 6px 10px;display:flex}.gemma-ready-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px}.gemma-ready-text{flex-direction:column;gap:0;line-height:1.2;display:flex}.gemma-ready-text strong{color:#22c55e;font-size:.75rem;font-weight:700}.gemma-model-name{color:#ffffff8c;font-size:.6rem;font-weight:400}.generating-banner{background:var(--zinc-900);border:1px solid var(--zinc-800);color:var(--zinc-400);border-radius:8px;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.generating-banner .loading-spinner{border:2px solid var(--zinc-700);border-top-color:var(--zinc-400);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}