:root{color:#1f2937;background:#fff7f2;font-family:Space Grotesk,Inter,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box}body{color:#1f2937;background:radial-gradient(circle at 20% 20%,#ffc8b059,#0000 38%),radial-gradient(circle at 80% 10%,#ffad9973,#0000 32%),#fff7f2;margin:0}.page{max-width:1200px;margin:0 auto;padding:32px 24px 64px}.page--landing{padding-top:12px}.topbar-landing{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:center;align-items:center;padding:12px 0 8px;display:flex;top:0}.logo{letter-spacing:-.02em;color:#f97357;cursor:pointer;align-items:center;font-size:18px;font-weight:800;line-height:1;display:inline-flex}.topbar__actions{align-items:center;gap:10px;display:flex}.topbar__actions a,.topbar__actions button{align-items:center;line-height:1;display:inline-flex}.topbar-dashboard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:row;justify-content:flex-start;align-items:center;gap:24px;padding:12px 0 8px;display:flex;top:0}.hero{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-content:center;align-items:center;gap:24px;display:grid}.hero__content h1{margin:8px 0;font-size:clamp(32px,5vw,48px)}.title{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-content:center;align-items:center;gap:26px;margin-top:12px;display:grid}.hero-left h1{text-align:center;max-width:540px;margin:10px 0;font-size:clamp(36px,6vw,58px)}.hero-left{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.highlight{color:#f97357}.get-started-button{scale:1.2}.subtitle{color:#475569;text-align:center;max-width:540px;margin:0 0 16px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#2563eb;text-align:center;margin:0;font-size:12px;font-weight:700}.peach{color:#f97357}.mood-form{background:#fff;border:1px solid #ffe0d0;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;max-width:640px;padding:16px;display:grid;box-shadow:0 16px 40px #0f172a14}.field{flex-direction:column;gap:6px;display:flex}.field label{color:#0f172a;font-size:13px;font-weight:700}.field input{background:#fffdfb;border:1px solid #f6cdb9;border-radius:10px;padding:12px;font-size:14px}.field input:focus{border-color:#f97357;outline:2px solid #f97357}button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff9a76,#ff7a59);border:none;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 12px 28px #ff7a5947}button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #ff7a5959}button:active{transform:translateY(0)}button.ghost,.ghost{color:#1f2937;box-shadow:none;background:#fff;border:1px solid #ffd9c7;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:11px 16px;font-weight:700;text-decoration:none;display:inline-flex}.tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.pill{color:#0f172a;background:#e0f2fe;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.pill--muted{color:#b45309;background:#ffe7dc}.pill--peach{color:#c2410c;background:#ffe1d5}.hero__card{background:#fff;border:1px solid #ffe0d0;border-radius:16px;padding:18px;box-shadow:0 16px 40px #0f172a14}.card-header{color:#0f172a;align-items:center;gap:8px;font-weight:800;display:flex}.micro{color:#475569;margin-left:auto;font-size:12px}.dot{background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:50%;width:10px;height:10px;display:inline-block}.dot--peach{background:linear-gradient(135deg,#ff9a76,#ff7a59)}.card-list{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.card-list li{background:#fffaf6;border:1px solid #ffe0d0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.title{margin:0 0 4px;font-weight:800}.meta{color:#475569;text-wrap:wrap;margin:0;font-size:13px}.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:32px;display:grid}.panel{background:#fff;border:1px solid #ffe0d0;border-radius:16px;padding:18px;box-shadow:0 10px 30px #0f172a0f}.panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel h2{margin:4px 0}.quests{gap:12px;margin-top:12px;display:grid}.quest{background:linear-gradient(135deg,#fffaf6,#ffeae0);border:1px solid #ffe0d0;border-radius:12px;justify-content:space-between;align-items:center;padding:12px;display:flex}.quest h3{margin:6px 0}.badges{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px;display:grid}.badge{background:#fffaf6;border:1px solid #ffe0d0;border-radius:12px;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:12px;display:grid}.badge__icon{background:linear-gradient(135deg,#f97316,#facc15);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 2px #ffffff8c}.badge .meta{white-space:normal;word-break:break-word;overflow-wrap:anywhere;text-wrap:wrap;max-width:60%}.blob{filter:blur(28px);opacity:.6;background:radial-gradient(circle at 30% 30%,#ffb38fb3,#ff7a5999);border-radius:28px;position:absolute;inset:0}.peek-card{background:#fff;border:1px solid #ffe0d0;border-radius:18px;width:min(360px,100%);padding:18px;position:relative;box-shadow:0 18px 48px #0f172a1f}.mini-list{color:#374151;gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.how-it-works{text-align:left;margin-top:60px}.how-it-works h2{text-align:center;margin:6px 0 16px;font-size:clamp(24px,4vw,32px)}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.step{background:#fff;border:1px solid #ffe0d0;border-radius:14px;padding:14px;box-shadow:0 10px 30px #0f172a0d}.step__icon{color:#fff;background:linear-gradient(135deg,#ff9a76,#ff7a59);border-radius:12px;place-items:center;width:40px;height:40px;font-weight:800;display:grid;box-shadow:0 10px 30px #ff7a5952}.cta-row{flex-wrap:wrap;gap:10px;margin:12px 0 8px;display:flex}.blurbs{flex-wrap:wrap;gap:8px;display:flex}.aiResponse{margin-top:1.25rem;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 12px 32px #0f172a14;background:#fff!important;border:1px solid #f6cdb9!important;border-radius:14px!important;padding:1.1rem 1.35rem!important}.aiResponse:hover{border-color:#f97357;transform:translateY(-2px);box-shadow:0 16px 38px #0f172a1a}.aiResponse:before{content:"AI Summary";color:#c2410c;letter-spacing:.01em;background:#fff0e8;border-radius:999px;padding:.3rem .75rem;font-size:.8rem;font-weight:700;position:absolute;top:12px;left:14px}.hero__content p[style*="lineHeight: 1.6"],.aiResponse p{color:#1f2937;font-size:1rem;font-weight:500;margin:1.5rem 0 0!important;line-height:1.7!important}.aiResponse__text{white-space:pre-wrap;border-right:2px solid #f97357;padding-right:4px;animation:2.8s steps(45,end) .15s forwards ai-typewriter,1s step-end infinite ai-caret;display:inline-block}.results-panel{background:#fff;border:1px solid #ffe0d0;border-radius:16px;margin-top:24px;padding:16px;box-shadow:0 12px 30px #0f172a0f}.results-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.results-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:12px;display:grid}.result-card{background:linear-gradient(135deg,#fffaf6,#fff);border:1px solid #ffe0d0;border-radius:14px;gap:12px;padding:12px;transition:transform .14s,box-shadow .14s;box-shadow:0 10px 26px #0f172a0d}.result-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0f172a14}.result-card--skeleton{background:#fff}.result-media{background:#f3f4f6;border-radius:12px;place-items:center;width:100%;height:120px;display:grid;overflow:hidden}.result-media img{object-fit:cover;width:100%;height:100%;display:block}.result-fallback{color:#c2410c;background:#ffe0d0;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.result-body{align-content:start;gap:6px;display:grid}.result-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.result-header h4{margin:0}.result-badges{align-items:center;gap:6px;display:flex}.badge-chip{color:#c2410c;background:#fff0e8;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.badge-chip--muted{color:#475569;background:#f1f5f9}.result-meta{color:#475569;margin:0;font-size:13px}.result-tags{flex-wrap:wrap;gap:6px;display:flex}.result-link{border-color:#ffd9c7;border-radius:10px;margin-top:4px;padding:8px 10px;font-size:13px}.results-empty{background:#fffaf6;border:1px dashed #ffd9c7;border-radius:12px;margin-top:10px;padding:18px}.tips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.skeleton-block{background:#f3f4f6}.skeleton-line{background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);border-radius:8px;height:10px}.skeleton-tags{gap:8px;margin-top:8px;display:flex}.skeleton-pill{background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);border-radius:999px;width:52px;height:20px;display:inline-block}.w-60{width:60%}.w-40{width:40%}@media (max-width:640px){.mood-form{grid-template-columns:1fr}.panel-head{flex-direction:column;align-items:flex-start}.topbar{position:static}.hero__content div:has(>p[style*="lineHeight: 1.6"]){padding:1.1rem 1.25rem!important}.hero__content div:has(>p[style*="lineHeight: 1.6"]):before{top:10px;left:10px}.result-card{grid-template-columns:1fr}.result-media{height:160px}}@keyframes ai-typewriter{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes ai-caret{0%,to{border-color:#0000}50%{border-color:#f97357}}