:root{--cream:#f5f2ee;--orange:#ff4d00;--ink:#1a1a1a;--ink-light:#4a4a4a;--ink-muted:#8a8a8a;--green:#1b8a3a;--blue:#2563eb;--border:rgba(0,0,0,0.08)}@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Mono:wght@400;500;600&family=DM+Sans:wght@400;500;600;700;800;900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--cream);color:var(--ink);font-family:DM Sans,system-ui,-apple-system,sans-serif;line-height:1.5;min-height:100vh}h1,h2,h3{letter-spacing:-.02em;line-height:1.1}.font-serif,h1,h2,h3{font-family:"Instrument Serif",Georgia,serif}.font-mono{font-family:DM Mono,Courier New,monospace}.font-sans{font-family:DM Sans,system-ui,sans-serif}.page-wrap{min-height:100vh;background:#f5f2ee}.container{max-width:580px}.container,.container-wide{margin:0 auto;padding:0 20px}.container-wide{max-width:760px}.app-nav{padding:14px 24px;border-bottom:1.5px solid #e8e2da;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;background:#f5f2ee;z-index:100}.app-nav,.nav-logo{display:flex;align-items:center}.nav-logo{font-family:DM Mono,monospace;font-size:11px;color:#9a9088;letter-spacing:1px;text-decoration:none;gap:6px}.nav-logo .dot{color:#ff4d00}.nav-label{font-family:DM Mono,monospace;font-size:10px;color:#c0b8b0;letter-spacing:1px}.card{border:1.5px solid #e8e2da;border-radius:14px;padding:20px}.card,.card-sm{background:#ffffff}.card-sm{border:1.5px solid #e8e2da;border-radius:10px;padding:14px 16px}.card-inset{background:#faf8f5;border:1px solid #ede8e0;border-radius:10px;padding:14px 16px}.card-brand{background:#fff8f5;border:1.5px solid #ffd5c2;border-radius:14px;padding:20px}.section-tag{font-weight:600;color:#9a9088;margin-bottom:10px}.section-tag,.section-tag-accent{font-family:DM Mono,monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;display:block}.section-tag-accent{font-weight:700;color:#ff4d00;margin-bottom:8px}.divider{border:none;border-top:1.5px solid #ede8e0;margin:28px 0}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-family:DM Mono,monospace;font-size:9px;font-weight:800;letter-spacing:.5px;border:1px solid transparent}.badge-green{background:#f0fdf8;color:#10b981;border-color:#a7f3d0}.badge-amber{background:#fffbeb;color:#d97706;border-color:#fde68a}.badge-indigo{background:#eef2ff;color:#6366f1;border-color:#c7d2fe}.badge-brand{background:#fff8f5;color:#ff4d00;border-color:#ffd5c2}.badge-gray{background:#f5f2ee;color:#9a9088;border-color:#e8e2da}.action-tag{display:inline-block;padding:3px 8px;border-radius:6px;font-family:DM Mono,monospace;font-size:9px;font-weight:800;letter-spacing:.5px;flex-shrink:0;white-space:nowrap}.action-tag-learn{background:#eff6ff;color:#3b82f6;border:1px solid #bfdbfe}.action-tag-earn,.action-tag-meet{background:#f0fdf8;color:#10b981;border:1px solid #a7f3d0}.action-tag-do{background:#fff8f5;color:#ff4d00;border:1px solid #ffd5c2}.inp{width:100%;background:#ffffff;border:1.5px solid #e0dbd4;border-radius:10px;padding:13px 16px;color:#1a1a1a;font-family:DM Sans,sans-serif;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s;line-height:1.5}.inp:focus{border-color:#ff4d00;box-shadow:0 0 0 3px #ff4d0015}.inp::placeholder{color:#b0a89e;font-size:14px}.inp-ta{resize:none}.inp-ta::placeholder{line-height:1.8;font-size:14px;color:#b0a89e}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 24px;border-radius:10px;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-weight:800;font-size:14px;letter-spacing:.1px;transition:all .15s;text-decoration:none}.btn-primary{background:#ff4d00;color:#fff;box-shadow:0 2px 12px #ff4d0025}.btn-primary:hover:not(:disabled){background:#e84400;box-shadow:0 4px 20px #ff4d0035}.btn-primary:disabled{background:#e8e2da;color:#c0b8b0;box-shadow:none;cursor:not-allowed}.btn-secondary{background:#fff;color:#4a4540;border:1.5px solid #e8e2da}.btn-secondary:hover{background:#faf8f5;border-color:#d5cfc8}.btn-ghost{background:transparent;color:#9a9088;padding:8px 12px;font-weight:600;font-size:13px}.btn-ghost:hover{color:#4a4540}.btn-full{width:100%}.btn-lg{padding:16px 28px;font-size:16px;border-radius:12px}.btn-sm{padding:7px 14px;font-size:12px;border-radius:8px}.mode-btn{padding:18px 14px;border-radius:12px;border:1.5px solid #e0dbd4;background:#fff;cursor:pointer;transition:all .2s;text-align:center;font-family:DM Sans,sans-serif}.mode-btn:hover{border-color:#ccc;background:#fafafa}.mode-btn.on{border-color:#ff4d00;background:#fff8f5;box-shadow:0 0 0 3px #ff4d0012}.drop-zone{border:2px dashed #d8d3cc;border-radius:12px;padding:32px 20px;text-align:center;cursor:pointer;transition:all .2s;margin-top:12px;background:#fafaf8}.drop-zone.over,.drop-zone:hover{border-color:#ff4d00;background:#fff8f5}.tpl-chip{border-radius:12px;border:1.5px solid #e5e0d8;padding:14px;cursor:pointer;text-align:left;transition:all .2s;font-family:DM Sans,sans-serif;background:#fff;width:100%}.tpl-chip:hover{border-color:#ccc;background:#fafaf8}.tpl-chip.active{border-color:#ff4d00;background:#fff8f5;box-shadow:0 0 0 3px #ff4d0010}.step-block{background:#fff;border:1.5px solid #e8e2da;border-radius:16px;padding:24px;margin-bottom:14px}.step-head{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:#1a1a1a;margin-bottom:18px}.step-num{width:26px;height:26px;border-radius:50%;background:#ff4d00;color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.archetype-card{background:#fff;border:1.5px solid #e8e2da;border-radius:16px;padding:22px;position:relative;overflow:hidden;margin-bottom:16px}.archetype-bar{position:absolute;top:0;left:0;right:0;height:3px}.lens-tabs{display:flex;gap:3px;background:#f0ece6;border:1.5px solid #e8e2da;border-radius:12px;padding:4px;margin-bottom:24px}.lens-tab{flex:1 1;padding:10px 6px;border-radius:9px;border:none;cursor:pointer;background:transparent;font-family:DM Sans,sans-serif;transition:all .15s;text-align:center}.lens-tab.on{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08)}.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.action-row{display:flex;gap:12px;padding:12px 0;border-top:1.5px solid #f0ece6;align-items:flex-start}.action-tag-col{width:52px;flex-shrink:0;padding-top:1px}.action-body{flex:1 1}.action-title{font-weight:700;font-size:13px;color:#1a1a1a;margin-bottom:3px;line-height:1.4}.action-note{font-size:12px;color:#9a9088;line-height:1.6}.action-link{display:inline-block;margin-top:5px;font-size:12px;font-weight:700;color:#3b82f6;text-decoration:none}.action-link:hover{text-decoration:underline}.paywall-box{background:#faf8f5;border:1.5px solid #ede8e0;border-radius:10px;padding:14px 16px}.paywall-blur{font-size:12px;color:#c0b8b0;filter:blur(3px);-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:8px;line-height:1.5}.paywall-hint{font-size:12px;color:#9a9088;line-height:1.6;margin-bottom:12px}.job-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1.5px solid #f0ece6;gap:12px}.job-title{font-weight:700;font-size:14px;color:#1a1a1a}.job-meta{font-size:12px;font-weight:600;margin-top:3px}.job-snip{font-size:12px;color:#9a9088;margin-top:4px;line-height:1.5}.lens-context{padding:12px 16px;border-radius:10px;margin-bottom:16px;border:1.5px solid transparent}.lens-nudge{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid transparent;flex-wrap:wrap}.lens-nudge-text{font-size:12px;font-weight:600;line-height:1.5;flex:1 1;min-width:160px}.check-list{display:flex;flex-direction:column;gap:8px}.check-item{display:flex;gap:8px;align-items:flex-start}.check-icon{flex-shrink:0;font-size:13px;margin-top:1px}.check-text{font-size:12px;color:#4a4540;line-height:1.6}.pool-success{background:#f0fdf8;border:1.5px solid #a7f3d0;border-radius:12px;padding:14px 18px;margin-bottom:16px;display:flex;align-items:center;gap:12px}.reveal{animation:reveal .4s ease}@keyframes reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.spin{animation:spin 1.2s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.text-brand{color:#ff4d00}.text-green{color:#10b981}.text-amber{color:#d97706}.text-indigo{color:#6366f1}.text-muted{color:#9a9088}.text-faint{color:#c0b8b0}.text-body{color:#4a4540}.gap-4{margin-bottom:4px}.gap-6{margin-bottom:6px}.gap-8{margin-bottom:8px}.gap-12{margin-bottom:12px}.gap-16{margin-bottom:16px}.gap-20{margin-bottom:20px}.gap-24{margin-bottom:24px}.gap-32{margin-bottom:32px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f5f2ee}::-webkit-scrollbar-thumb{background:#d8d3cc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c0b8b0}@media (max-width:768px){.app-nav-desktop{display:none!important}.container,.container-wide{max-width:100%;padding:0 16px}h1{font-size:32px!important}h2{font-size:24px!important}h3{font-size:20px!important}.btn{width:100%;padding:14px 20px}.two-col{grid-template-columns:1fr}.dashboard-layout{flex-direction:column!important}.dashboard-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid var(--border);min-height:auto!important;padding:16px!important}.dashboard-main{padding:24px 16px!important}.stats-grid{grid-template-columns:1fr 1fr!important}}