:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#07111f;--bg-top:#0d1830;--panel:#0a111fe6;--panel-elevated:#0f192bf0;--border:#91add829;--text:#eef6ff;--soft-text:#a0b5d1;--muted:#6f88a8;--accent:#9cf0bd;--accent-strong:#72f2ba;--accent-dim:#618cff;--shadow:0 28px 80px #00000059, inset 0 1px 0 #ffffff05;background:radial-gradient(circle at top left, #6ae3ad1f, transparent 24%), radial-gradient(circle at top right, #608cff24, transparent 28%), linear-gradient(180deg, var(--bg-top), var(--bg));color:var(--text);font-family:Inter Tight,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{background:#07111f;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0003,#0000 85%);mask-image:linear-gradient(#0003,#0000 85%)}a{color:inherit}button,input,select,textarea{font:inherit}#root{min-height:100vh}.app-shell{width:min(1280px,100% - 32px);margin:0 auto;padding:32px 0 48px}.hero-panel,.panel{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:28px;position:relative;overflow:hidden}.hero-panel{background:radial-gradient(circle at top left, #6ae3ad29, transparent 34%), radial-gradient(circle at bottom right, #608cff29, transparent 30%), var(--panel);grid-template-columns:1.3fr .9fr;gap:24px;margin-bottom:24px;padding:32px;display:grid}.hero-copy h1,.panel h2{margin:0}.eyebrow,.kicker,.hero-badge span,.summary-card span,.condition-card span,.result-card span,.saved-card span,.recommendation-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:.74rem}.hero-text,.subtle,.message,.saved-card p,.condition-card p,.recommendation-card p,.empty-state{color:var(--soft-text)}.hero-badge-grid,.layout-grid,.summary-strip,.conditions-grid,.planner-grid,.actions-row{gap:16px;display:grid}.hero-badge-grid{grid-template-columns:repeat(1,minmax(0,1fr));align-content:end}.hero-badge,.summary-card,.condition-card,.saved-card,.recommendation-card{border:1px solid var(--border);background:var(--panel-elevated);border-radius:20px}.hero-badge,.summary-card{padding:18px}.hero-badge strong,.summary-card strong,.condition-card strong,.saved-card strong,.result-card strong,.recommendation-card strong{margin-top:6px;display:block}.layout-grid{grid-template-columns:minmax(300px,420px) minmax(0,1fr);align-items:start}.stack{gap:24px;display:grid}.panel{padding:24px}.panel-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.status-pill,.primary-button,.secondary-button,.ghost-button,.result-card,.search-field input,.search-field textarea,.search-field select{border-radius:16px}.status-pill{color:var(--accent);background:#6ae3ad1f;border:1px solid #6ae3ad3d;padding:8px 12px;font-size:.8rem}.search-field{gap:10px;display:grid}.search-field.compact{gap:8px}.field-label{color:var(--muted);font-size:.86rem}.search-field input,.search-field textarea,.search-field select{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#0b1220e0;padding:14px 16px;transition:border-color .18s,transform .18s,box-shadow .18s}.search-field input:focus,.search-field textarea:focus,.search-field select:focus{border-color:#6ae3ad8c;outline:none;box-shadow:0 0 0 3px #6ae3ad1f}.results-list,.saved-list,.recommendation-list{gap:12px;margin-top:16px;display:grid}.result-card{text-align:left;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#0c1526d9;padding:16px;transition:transform .18s,border-color .18s,background .18s}.result-card small{color:var(--soft-text)}.result-card:hover,.result-card.is-active{background:#121e33f5;border-color:#608cff70;transform:translateY(-1px)}.primary-button,.secondary-button,.ghost-button,.file-button{appearance:none;border:1px solid var(--border);font:inherit;cursor:pointer;color:var(--text);background:#0c1526e0;padding:12px 16px;transition:transform .18s,border-color .18s,background .18s}.primary-button{background:linear-gradient(135deg,#6ae3ad2e,#608cff38)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.file-button:hover{border-color:#6ae3ad6b;transform:translateY(-1px)}.actions-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.file-button{justify-content:center;align-items:center;display:inline-flex}.file-button input{display:none}.saved-card,.condition-card,.recommendation-card{padding:16px}.saved-actions{gap:10px;margin-top:12px;display:flex}.feature-panel{min-height:320px}.summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 20px}.timeline-chart{border:1px solid var(--border);background:linear-gradient(#608cff0d,#0000 34%),#0c1526b8;border-radius:24px;grid-template-columns:repeat(24,minmax(0,1fr));align-items:end;gap:8px;min-height:260px;padding:16px;display:grid}.timeline-column{justify-items:center;gap:8px;display:grid}.timeline-column strong{font-size:.78rem}.timeline-column span{color:var(--muted);font-size:.72rem}.timeline-bar{background:linear-gradient(180deg, var(--accent-strong), var(--accent-dim));border-radius:999px 999px 10px 10px;width:100%;min-height:18px}.conditions-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.planner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recommendation-list{margin-top:20px}.recommendation-card{grid-template-columns:auto 1fr;align-items:start;gap:14px;display:grid}.recommendation-rank{width:42px;height:42px;color:var(--accent);background:#6ae3ad1f;border-radius:14px;place-items:center;font-weight:700;display:grid}.tone-good{color:#8ee7ae}.tone-mid{color:#f3d879}.tone-bad{color:#ff8c7c}.message.error{color:#ff998e}@media (width<=1024px){.hero-panel,.layout-grid,.summary-strip,.conditions-grid,.planner-grid,.actions-row{grid-template-columns:1fr}.hero-panel{padding:24px}.timeline-chart{padding-bottom:24px;overflow-x:auto}.timeline-column{min-width:44px}}@media (width<=640px){.app-shell{width:min(100% - 20px,1280px);padding-top:20px}.panel,.hero-panel{border-radius:22px;padding:18px}}