@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--midnight:#08101f;--midnight-deep:#00174b;--royal-blue:#497cff;--surface-low:#f2f4f6;--surface-lowest:#fff;--surface-high:#e6e8ea;--outline-ghost:#0f172a26;--shadow-ghost:0px 24px 48px -12px #0f172a14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--surface-low);color:#000;min-width:320px;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}a,button{font:inherit}img,svg{max-width:100%;display:block}#root{min-height:100vh}::selection{background:#497cff33}.home-page{background:linear-gradient(135deg,#0a1628 0%,#1a2744 50%,#0f1d35 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.home-hero{text-align:center;width:100%;max-width:600px}.home-logo{color:#fff;letter-spacing:-1px;margin:0 0 8px;font-size:48px;font-weight:800}.home-logo span{color:#3b82f6}.home-tagline{color:#94a3b8;margin:0 0 8px;font-size:18px;font-weight:500}.home-desc{color:#64748b;margin:0 0 40px;font-size:14px;line-height:1.6}.home-form{flex-direction:column;gap:16px;display:flex}.home-input-row{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;gap:8px;padding:6px;display:flex}.home-input{color:#fff;background:0 0;border:0;outline:none;flex:1;padding:12px 16px;font-size:16px}.home-input::placeholder{color:#475569}.home-submit{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:0;border-radius:12px;padding:12px 28px;font-size:15px;font-weight:700;transition:background .2s}.home-submit:hover:not(:disabled){background:#2563eb}.home-submit:disabled{opacity:.4;cursor:not-allowed}.home-categories{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.home-cat-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.home-cat-btn:hover{color:#e2e8f0;border-color:#3b82f666}.home-cat-btn.active{color:#3b82f6;background:#3b82f626;border-color:#3b82f6}@media (width<=480px){.home-logo{font-size:36px}.home-input-row{flex-direction:column}.home-submit{width:100%}.home-desc br{display:none}}.result-page{color:#e2e8f0;background:#0a1628;min-height:100vh;padding:24px}.result-loading,.result-error,.result-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:60vh;display:flex}.result-spinner{border:3px solid #3b82f633;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-loading-sub{color:#64748b;font-size:14px}.result-error-detail{color:#f87171;font-size:14px}.result-back{color:#fff;cursor:pointer;background:#3b82f6;border:0;border-radius:10px;margin-top:12px;padding:10px 24px;font-size:14px;font-weight:600}.result-header{max-width:800px;margin:0 auto 32px}.result-back-link{color:#64748b;cursor:pointer;background:0 0;border:0;margin-bottom:12px;padding:0;font-size:14px;display:block}.result-back-link:hover{color:#94a3b8}.result-keyword{color:#fff;margin:0;font-size:24px;font-weight:700}.result-score-section{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:40px;max-width:800px;margin:0 auto 32px;padding:32px;display:flex}.result-main-score{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.result-score-ring{align-items:baseline;gap:2px;display:flex}.result-score-number{color:#3b82f6;font-size:56px;font-weight:800;line-height:1}.result-score-max{color:#475569;font-size:20px;font-weight:600}.result-verdict{border-radius:20px;padding:4px 16px;font-size:14px;font-weight:700}.verdict-good{color:#22c55e;background:#22c55e26}.verdict-hold{color:#facc15;background:#facc1526}.verdict-bad{color:#ef4444;background:#ef444426}.result-sub-scores{flex-direction:column;flex:1;gap:12px;display:flex}.result-sub-score{flex-direction:column;gap:4px;display:flex}.result-sub-bar-bg{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.result-sub-bar{background:#3b82f6;border-radius:4px;height:100%;transition:width .6s}.result-sub-label{color:#94a3b8;justify-content:space-between;font-size:13px;display:flex}.result-sub-val{color:#e2e8f0;font-weight:600}.result-data-cards{grid-template-columns:repeat(4,1fr);gap:12px;max-width:800px;margin:0 auto 32px;display:grid}.result-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.result-card-label{color:#64748b;font-size:12px;font-weight:500}.result-card-value{color:#fff;font-size:20px;font-weight:700}.result-section{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;max-width:800px;margin:0 auto 24px;padding:24px}.result-section-title{color:#fff;margin:0 0 16px;font-size:16px;font-weight:700}.result-margin-table{flex-direction:column;gap:8px;display:flex}.result-margin-row{background:#ffffff08;border-radius:8px;align-items:center;gap:16px;padding:10px 12px;display:flex}.result-margin-name{color:#e2e8f0;min-width:100px;font-size:14px;font-weight:600}.result-margin-profit{flex:1;font-size:16px;font-weight:700}.result-margin-profit.positive{color:#22c55e}.result-margin-profit.negative{color:#ef4444}.result-margin-rate{color:#94a3b8;font-size:14px;font-weight:600}.result-ai-block{margin-bottom:20px}.result-ai-block:last-child{margin-bottom:0}.result-ai-block h3{color:#3b82f6;margin:0 0 8px;font-size:14px;font-weight:600}.result-ai-block p{color:#cbd5e1;margin:0;font-size:14px;line-height:1.7}.result-ai-block ul{margin:0;padding-left:20px}.result-ai-block li{color:#cbd5e1;margin-bottom:4px;font-size:14px;line-height:1.7}@media (width<=640px){.result-score-section{flex-direction:column;gap:24px}.result-data-cards{grid-template-columns:repeat(2,1fr)}.result-keyword{font-size:20px}}.design-app-shell{background:#f7f9fb;min-height:100vh;position:relative}.design-frame{border:0;width:100%;min-height:100vh;display:block}.design-switcher{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border-radius:12px;flex-wrap:nowrap;gap:6px;max-width:min(420px,100vw - 32px);padding:6px;display:flex;position:fixed;top:16px;right:16px;box-shadow:0 16px 40px #0f172a1f}.design-switcher-button{color:#334155;cursor:pointer;text-transform:lowercase;background:#e6e8ea;border:0;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:700;line-height:1}.design-switcher-button.active{color:#fff;background:#0050cb}@media (width<=720px){.design-switcher{flex-wrap:wrap;max-width:none;inset:auto 12px 12px}.design-switcher-button{flex:calc(33.33% - 6px)}}