@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;700;800&display=swap";:root{--background:#f8f5ef;--foreground:#15130e;--muted:#716b60;--panel:#f3eee4;--panel-strong:#ece6d9;--primary:#0f2f33;--primary-fg:#fff;--border:#14100a1f;--positive:#1f5c30;--radius:12px}*{box-sizing:border-box}body{min-height:100vh;color:var(--foreground);background-color:var(--background);background-image:radial-gradient(circle at 20% 10%,#0e2c2f26,#0000 34%),radial-gradient(circle at 90% 80%,#78562133,#0000 32%),linear-gradient(#fff6,#f8f5efe6);margin:0;font-family:Inter,sans-serif;line-height:1.5}#root{min-height:100vh}h1,h2,h3{margin:0;font-family:Playfair Display,serif;line-height:1.1}h1{font-size:clamp(2.2rem,6vw,3.7rem)}h2{font-size:clamp(1.35rem,2.6vw,2rem)}p{margin:0}a{color:inherit;text-decoration:none}.app-frame{max-width:1100px;min-height:100vh;margin:0 auto;padding:20px 16px 30px}.topbar{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius);z-index:20;background:#f3eee4e0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:10px}.brand-block{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--primary);width:36px;height:36px;color:var(--primary-fg);border-radius:10px;place-items:center;font-family:Playfair Display,serif;font-weight:700;display:grid}.brand-title{font-family:Playfair Display,serif;font-weight:700}.brand-subtitle{color:var(--muted);font-size:.78rem}.top-nav{flex-wrap:wrap;gap:8px;display:flex}.nav-item{border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;min-height:42px;padding:8px 10px;font-size:.9rem;display:inline-flex}.nav-item:hover,.nav-item.active{border-color:var(--border);background:var(--panel-strong)}.page-shell{padding-block:24px}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:20px}.home-grid{grid-template-columns:1.8fr 1fr;gap:16px;display:grid}.hero-card{color:#f7f5f1;background:linear-gradient(140deg,#07191bf2,#163a3ee6),radial-gradient(circle at 80% 20%,#fcac6133,#0000 35%);border-radius:20px;grid-row:span 2;padding:28px}.hero-card p{max-width:58ch}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#d2ccbf;margin-bottom:10px;font-size:.76rem}.cta-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.primary-btn,.ghost-btn,.text-btn,select,textarea,input{font:inherit}.primary-btn,.ghost-btn{border:1px solid #0000;border-radius:10px;min-height:44px;padding:10px 14px;font-weight:600}.primary-btn{background:var(--primary);color:var(--primary-fg)}.ghost-btn{border-color:var(--border);background:#ffffff73}.inline-btn{align-items:center;gap:8px;display:inline-flex}.stat-card,.role-preview{min-height:180px}.check-list,.item-list,.timeline-card ul,.role-card ul{margin:10px 0 0;padding-left:1rem}.chip-list{flex-wrap:wrap;gap:8px;margin-top:10px;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--border);background:#ffffff80;border-radius:999px;padding:6px 11px;font-size:.85rem}.chip-positive{color:var(--positive);border-color:#165c3040}.muted{color:var(--muted)}.analyzer-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}.history-panel{align-self:start;position:sticky;top:90px}.history-header{justify-content:space-between;align-items:center;display:flex}.history-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.history-item{text-align:left;border:1px solid var(--border);background:#ffffffa6;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:8px 10px;display:flex}.field{gap:6px;margin-top:12px;display:grid}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}select,textarea,input{border:1px solid var(--border);background:#ffffffb3;border-radius:10px;width:100%;padding:10px 11px}textarea{resize:vertical}.panel-result{grid-column:span 2}.result-header{justify-content:space-between;gap:10px;display:flex}.score-pill{background:var(--primary);min-width:90px;color:var(--primary-fg);border-radius:12px;place-items:center;padding:8px;display:grid}.score-pill span{font-size:1.7rem;font-weight:700}.result-grid{grid-template-columns:1.2fr 1fr;gap:14px;margin-top:18px;display:grid}.result-grid.split{grid-template-columns:1fr 1fr}.chart-wrap{border:1px solid var(--border);background:#ffffff73;border-radius:10px;padding:8px}.item-list{gap:8px;padding:0;list-style:none;display:grid}.item-list li{border:1px solid var(--border);background:#ffffff80;border-radius:8px;padding:10px}.item-title{font-weight:600}.timeline-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.timeline-card{border:1px solid var(--border);background:#ffffff73;border-radius:10px;padding:12px}.timeline-window{border:1px solid var(--border);border-radius:999px;margin-bottom:8px;padding:4px 9px;font-size:.8rem;display:inline-block}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.role-card{border:1px solid var(--border);background:#ffffff80;border-radius:12px;padding:14px}.role-category{color:var(--muted);font-size:.84rem}.page-stack{gap:14px;display:grid}.empty-state{text-align:center}.text-btn{color:var(--muted);cursor:pointer;background:0 0;border:0}.footer{text-align:center;color:var(--muted);padding-block:18px}@media (width<=980px){.home-grid,.analyzer-grid,.result-grid,.result-grid.split,.library-grid,.timeline-grid{grid-template-columns:1fr}.panel-result{grid-column:span 1}.history-panel,.topbar{position:static}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}