@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--bg:#ffffff;--card:#f7f7f8;--text:#050505;--muted:#6b6b6b;--line:#e5e5e5;--brand:#000000;--brand-2:#333333;--accent:#10a37f;--accent-2:#0e906f;--danger:#ef4444;--success:#10a37f;--nav-bg:rgba(255,255,255,0.9);--bubble-user:#f7f7f8;--bubble-assistant:#ffffff;--bubble-feedback:#f0fdf9;--signal-strength-bg:#e6f6f1;--signal-strength-text:#0e906f;--signal-gap-bg:#f9f9f9;--signal-gap-text:#6b6b6b;--insight-pos-bg:#f0fdf9;--insight-pos-border:#a7f3d0;--insight-warn-bg:#fef2f2;--insight-warn-border:#fecaca;--insight-neu-bg:#f7f7f8;--skeleton-base:#e5e5e5;--skeleton-highlight:#f7f7f8;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.05);--shadow-lg:0 10px 15px rgba(0,0,0,0.05);--shadow-glow:none;--btn-radius:6px;--card-radius:8px}@media (prefers-color-scheme:dark){:root{--bg:#111111;--card:#202123;--text:#ececec;--muted:#8e8ea0;--line:#333333;--brand:#ffffff;--brand-2:#e5e5e5;--accent:#10a37f;--accent-2:#1a7f64;--danger:#ef4444;--success:#10a37f;--nav-bg:rgba(17,17,17,0.9);--bubble-user:#202123;--bubble-assistant:#111111;--bubble-feedback:#1a2b25;--signal-strength-bg:#133a2d;--signal-strength-text:#10a37f;--signal-gap-bg:#2a2b32;--signal-gap-text:#ececec;--insight-pos-bg:#133a2d;--insight-pos-border:#1a7f64;--insight-warn-bg:#3a1c1c;--insight-warn-border:#7f1d1d;--insight-neu-bg:#202123;--skeleton-base:#333333;--skeleton-highlight:#444444;--shadow-sm:0 1px 2px rgba(0,0,0,0.5);--shadow-md:0 4px 6px rgba(0,0,0,0.6);--shadow-lg:0 10px 15px rgba(0,0,0,0.7);--shadow-glow:none}}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg);min-height:100vh;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased}.brand,.hero-title,.metric,h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,sans-serif;letter-spacing:-.02em;font-weight:700}a{color:inherit;text-decoration:none;transition:color .15s ease,opacity .15s ease}a:hover{color:var(--accent)}.top-nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--nav-bg);transition:all .3s ease}.nav-inner{max-width:1100px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:700;font-size:1.15rem;color:var(--text);letter-spacing:-.02em}.nav-links{display:flex;gap:24px;font-weight:500;color:var(--muted);font-size:.95rem}.nav-links a:hover{color:var(--text)}.app-main{max-width:1100px;margin:0 auto;padding:32px 20px 64px}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--card-radius);padding:32px;transition:transform .2s ease,box-shadow .2s ease}.hero{display:grid;grid-template-columns:1fr;align-items:center;padding:80px 0 60px;text-align:center;max-width:800px;margin:0 auto}.hero .panel{background:transparent;border:none;box-shadow:none;padding:0}.hero-title{font-size:clamp(3rem,6vw,4.5rem);margin:0 0 24px;line-height:1.1;color:var(--text);letter-spacing:-.03em}.hero-subtitle{color:var(--muted);font-size:1.25rem;margin:0 auto 40px;line-height:1.6;max-width:600px;font-weight:400}.badges{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.badge{border-radius:99px;border:1px solid var(--line);padding:4px 12px;font-size:.85rem;font-weight:500;background:transparent;color:var(--text)}.cta-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}.btn,.cta-row,button{justify-content:center}.btn,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--btn-radius);padding:12px 24px;font-weight:500;font-family:Inter,sans-serif;font-size:.95rem;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px;text-align:center}.btn:active,button:active{transform:scale(.98)}.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--brand);color:var(--bg)}.btn-primary:hover:not(:disabled){background:var(--brand-2)}.btn-secondary{border:1px solid var(--line);background:transparent;color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--card)}.btn-danger{background:var(--danger);color:#fff}.grid{display:grid;grid-gap:24px;gap:24px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{font-size:2.5rem;font-weight:700;color:var(--text);line-height:1.1;margin:4px 0;letter-spacing:-.02em}.kicker{font-size:.85rem;font-weight:500;letter-spacing:.02em}.kicker,.muted{color:var(--muted)}.form-grid{display:grid;grid-gap:20px;gap:20px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:var(--btn-radius);padding:16px;font:inherit;font-size:1rem;background:var(--bg);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.chat{display:grid;grid-gap:32px;gap:32px;max-height:65vh;overflow-y:auto;padding:24px;scroll-behavior:smooth;border-radius:var(--card-radius);background:var(--bg);border:1px solid var(--line)}.chat::-webkit-scrollbar{width:6px}.chat::-webkit-scrollbar-track{background:transparent}.chat::-webkit-scrollbar-thumb{background-color:var(--line);border-radius:10px}.bubble{padding:0;border-radius:0;border:none;max-width:100%;box-shadow:none;transition:opacity .3s ease;animation:wind-swept .6s cubic-bezier(.16,1,.3,1) forwards;display:flex;gap:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes wind-swept{0%{opacity:0;transform:translateX(-30px) scale(.97);filter:blur(8px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}.wind-swept{opacity:0;animation:wind-swept .8s cubic-bezier(.16,1,.3,1) forwards}.bubble-assistant,.bubble-user{background:transparent}.bubble-avatar{flex-shrink:0;width:30px;height:30px;border-radius:4px;background:var(--card);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.bubble-user .bubble-avatar{background:var(--line)}.bubble-assistant .bubble-avatar{background:var(--accent);color:#fff}.bubble-content{flex:1 1}.bubble-label{display:block;font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:4px}.bubble-text{white-space:pre-wrap;line-height:1.6;font-size:1rem;color:var(--text)}.feedback{border-left:2px solid var(--line);padding:12px 16px;background:var(--card);border-radius:var(--btn-radius);margin-bottom:16px;margin-top:16px;font-size:.95rem;color:var(--text)}.score-signals{display:flex;gap:20px;margin-top:16px;flex-wrap:wrap}.signal-group{flex:1 1 160px;font-size:.9rem}.signal-group ul{margin:8px 0 0;padding-left:20px;color:var(--text);line-height:1.6}.signal-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 6px}.signal-label.strength{background:var(--signal-strength-bg);color:var(--signal-strength-text)}.signal-label.gap{background:var(--line);color:var(--text)}.progress-row{display:grid;grid-gap:8px;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}.progress-row:last-child{border-bottom:none}.progress-bar-wrap{width:100%;height:6px;background:var(--line);overflow:hidden;border-radius:99px}.progress-bar{height:100%;background:var(--text);border-radius:99px;transition:width .8s cubic-bezier(.16,1,.3,1)}.scorecard{display:grid;grid-gap:32px;gap:32px}.scorecard-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--line)}.scorecard-total{font-size:3.5rem;font-weight:700;margin:0;line-height:1;letter-spacing:-.04em}.score-band-badge{background:var(--line);border-radius:99px;padding:6px 16px;font-weight:500;font-size:.85rem;align-self:flex-start;color:var(--text)}.scorecard-section h3{margin:0 0 16px;font-size:.9rem;color:var(--text);font-weight:600}.scorecard-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px}.dimensions-grid{display:grid;grid-gap:16px;gap:16px}.dimension-row{display:grid;grid-gap:8px;gap:8px;padding:0 0 16px;background:transparent;border-radius:0;border-bottom:1px solid var(--line)}.dimension-row:last-child{border-bottom:none;padding-bottom:0}.dimension-header{display:flex;justify-content:space-between;font-size:1rem}.dimension-label{font-weight:500;color:var(--text)}.dimension-score{font-weight:600;color:var(--text)}.dimension-rationale{margin:4px 0 0;font-size:.9rem;line-height:1.5;color:var(--muted)}.callout-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:12px;gap:12px}.callout-list li{font-size:.95rem;padding:16px;border-radius:var(--card-radius);line-height:1.5;color:var(--text);background:var(--card)}.strength-list li{border-left:3px solid var(--success)}.gap-list li{border-left:3px solid var(--muted)}.action-plan{padding-left:20px;margin:0;display:grid;grid-gap:12px;gap:12px}.action-plan li{font-size:1rem;line-height:1.6;color:var(--text)}.credit-badge{display:grid;grid-gap:8px;gap:8px}.credit-badge-header{display:flex;justify-content:space-between;font-size:.85rem;font-weight:500}.credit-label{color:var(--muted);font-size:.85rem}.credit-count{color:var(--text);font-size:.95rem;font-weight:600}.credit-low{color:var(--danger)!important}.credit-bar-wrap{width:100%;height:6px;background:var(--line);overflow:hidden;border-radius:99px}.credit-bar{height:100%;transition:width .6s cubic-bezier(.16,1,.3,1),background-color .3s ease;background:var(--text);border-radius:99px}.credit-detail{font-size:.85rem;color:var(--muted);margin-top:4px}.typing-indicator{padding:12px 0}.dot-row{display:flex;gap:6px}.dot{width:6px;height:6px;border-radius:50%;background:var(--muted);display:inline-block;animation:pulse 1.4s ease-in-out infinite both}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes pulse{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes shimmerPulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.skeleton-bubble,.skeleton-card,.skeleton-line{background:var(--skeleton-base);border-radius:4px;animation:shimmerPulse 1.5s ease-in-out infinite}.skeleton-stack{display:grid;grid-gap:12px;gap:12px}.skeleton-card{min-height:100px;border-radius:var(--card-radius)}.chat-skeleton{display:grid;grid-gap:24px;gap:24px;padding:0}.skeleton-bubble{height:60px;border-radius:var(--card-radius)}.skeleton-bubble.user{margin-left:auto;width:70%}.skeleton-bubble.assistant{margin-right:auto;width:90%}.insight-card{display:flex;align-items:flex-start;gap:16px;padding:24px;border-radius:var(--card-radius);background:var(--card);border:1px solid var(--line)}.insight-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--bg);border:1px solid var(--line)}.insight-card p{margin:4px 0 0;font-size:.95rem;line-height:1.5;color:var(--muted)}@media (max-width:900px){.hero-title{font-size:clamp(2.5rem,8vw,3.5rem)}.grid-2,.grid-3,.scorecard-cols{grid-template-columns:1fr}.nav-inner{flex-wrap:wrap;gap:16px}.nav-links{width:100%;justify-content:space-between;padding-top:12px}.app-main{padding-top:24px}.bubble{padding:16px 0}}