:root{--brand: #1a4fd6;--brand-dark: #123aa8;--brand-light: #e8efff;--bg: #f4f6fb;--surface: #ffffff;--text: #191f28;--muted: #6b7684;--border: #e5e8eb;--shadow: 0 16px 40px rgba(25, 31, 40, .08);--radius-lg: 10px;--radius: 8px;--radius-sm: 6px;--action-btn-width: 52px;--font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--grade-a: #0f9d58;--grade-b: #1a73e8;--grade-c: #f9ab00;--grade-d: #f57c00;--grade-f: #d93025}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow:hidden;height:100%}#root{height:100dvh;overflow:hidden}body{font-family:var(--font);background:linear-gradient(180deg,#eef2ff 0%,var(--bg) 240px,var(--bg) 100%);color:var(--text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit}.app{max-width:720px;margin:0 auto;padding:20px 20px 12px}.app--with-list{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;overflow:hidden;padding:20px 20px 0}.app--with-list .hero{flex-shrink:0}.app--with-list>.main-card{flex:1;min-height:0}.main-card--with-list{min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:16px 20px;border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.main-card--with-list .search-view--with-list,.main-card--with-list .result-view--with-list{flex:1;min-height:0}.search-view--with-list{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden;gap:12px}.result-view--with-list{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.result-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.result-panel--fill{flex:1 1 0%;min-height:0;gap:12px}.result-panel-top{flex-shrink:0}.result-panel--fill:not(.result-panel--metrics-open){overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.result-panel--metrics-open{overflow:hidden}.metrics-section{flex-shrink:0;display:flex;flex-direction:column;gap:12px;min-width:0}.result-panel--metrics-open .metrics-section{flex:1 1 0%;min-height:0;overflow:hidden}.metrics-header-toggle{flex-shrink:0;width:100%;border-style:solid;background:#fff;color:var(--text);font-weight:600;font-size:.875rem}.metrics-header-toggle__title{font-weight:700}.metric-scroll-frame{flex:none;min-height:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);display:flex;flex-direction:column;box-sizing:border-box}.metric-scroll-frame:not(.metric-scroll-frame--open){flex:none;height:auto}.metric-scroll-frame:not(.metric-scroll-frame--open) .metric-scroll{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.metric-scroll-frame--open{flex:1 1 0%;min-height:0}.metric-scroll{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:10px;scrollbar-width:thin;scrollbar-color:#c4c9d0 transparent;-webkit-overflow-scrolling:touch;touch-action:pan-y;box-sizing:border-box}.metric-scroll::-webkit-scrollbar{width:6px}.metric-scroll::-webkit-scrollbar-track{background:transparent}.metric-scroll::-webkit-scrollbar-thumb{background:#c4c9d0;border-radius:999px}.metric-scroll::-webkit-scrollbar-thumb:hover{background:#a8adb5}.search-view--with-list .search-form{flex-shrink:0}.company-list--fill{flex:1 1 0%;min-height:0;margin-top:0;display:flex;flex-direction:column;gap:12px;overflow:hidden}.company-list--fill .list-header{flex-shrink:0}.company-list--fill .company-list-scroll-frame{flex:1 1 0%;min-height:0;max-height:none;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);display:flex;flex-direction:column;box-sizing:border-box}.company-list--fill .company-list-scroll{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.analyze-bar{flex-shrink:0;width:100%;max-width:720px;margin:0 auto;padding:12px 20px 16px;background:linear-gradient(180deg,rgba(244,246,251,0) 0%,var(--bg) 24%)}.analyze-bar .btn-analyze{width:100%}.search-view{display:block;min-width:0}.hero{text-align:center;margin-bottom:16px}.eyebrow{color:var(--brand);font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(1.75rem,5vw,2.25rem);letter-spacing:.06em;margin-top:0}.home-title{border:none;background:none;padding:0;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;transition:color .15s}.home-title:hover:not(:disabled){color:var(--brand)}.home-title:disabled{cursor:not-allowed;opacity:.7}.subtitle{color:var(--muted);margin-top:4px;font-size:.8125rem}.main-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px}.search-form{display:flex;gap:10px;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.search-form input{flex:1;min-width:0;width:0;border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;outline:none;transition:border-color .2s,box-shadow .2s}.search-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1a4fd61f}.btn{border:none;border-radius:var(--radius);padding:14px 18px;cursor:pointer;transition:transform .15s,opacity .15s,background .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.98)}.btn-primary{background:var(--brand);color:#fff;font-weight:600}.btn-primary:not(:disabled):hover{background:var(--brand-dark)}.btn-search{flex-shrink:0;width:var(--action-btn-width);min-width:var(--action-btn-width);padding:0;display:grid;place-items:center}.search-icon{width:22px;height:22px}.btn-secondary{background:var(--brand-light);color:var(--brand-dark);font-weight:600;width:100%;margin-top:8px}.btn-ghost{background:transparent;color:var(--muted);padding:8px 12px}.company-list{margin-top:16px;display:flex;flex-direction:column;gap:12px}.company-list-scroll-frame{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);max-height:min(360px,50vh);display:flex;flex-direction:column;box-sizing:border-box}.company-list-scroll{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:10px;scrollbar-width:thin;scrollbar-color:#c4c9d0 transparent;-webkit-overflow-scrolling:touch;touch-action:pan-y;box-sizing:border-box}.company-list .list-header{flex-shrink:0}.company-list-scroll::-webkit-scrollbar{width:6px}.company-list-scroll::-webkit-scrollbar-track{background:transparent}.company-list-scroll::-webkit-scrollbar-thumb{background:#c4c9d0;border-radius:999px}.company-list-scroll::-webkit-scrollbar-thumb:hover{background:#a8adb5}.list-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:0}.list-header__title{font-size:1rem;font-weight:600;line-height:32px;margin:0}.list-header__cancel{width:var(--action-btn-width);min-width:var(--action-btn-width);height:32px;padding:0;font-size:.875rem;font-weight:600;line-height:1;color:var(--brand-dark);background:var(--brand-light);border:1px solid rgba(26,79,214,.18);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.list-header__cancel:hover:not(:disabled){background:#dce6ff;border-color:#1a4fd659;color:var(--brand)}.list-header__cancel:disabled{opacity:.55;cursor:not-allowed}.company-list ul,.company-group{list-style:none;display:grid;gap:8px;width:100%;min-width:0}.company-group>li{min-width:0}.collapse-section{margin-top:10px}.company-list-scroll .collapse-section:first-child{margin-top:0}.collapse-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--grey-50, #f9fafb);color:var(--muted);font-size:.875rem;cursor:pointer;transition:background .15s,border-color .15s}.collapse-toggle:hover{background:#f1f3f4;border-color:#d0d4d9}.collapse-icon{font-size:.75rem;color:var(--muted)}.company-group-collapsed{margin-top:8px}.list-hint.warn-block{margin-top:0;margin-bottom:12px;padding:10px 12px;border-radius:var(--radius-sm);background:#fff8e6;color:#8a6100}.company-item{width:100%;min-width:0;max-width:100%;text-align:left;border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;background:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:72px;box-sizing:border-box;overflow:hidden}.company-item.active{border-color:var(--brand);background:var(--brand-light)}.list-hint{font-size:.875rem;color:var(--muted);margin-bottom:12px;line-height:1.5}.list-hint strong{color:var(--brand-dark)}.company-name-row{display:flex;align-items:center;gap:8px;min-width:0;width:100%}.badge{font-size:.6875rem;font-weight:700;padding:2px 7px;border-radius:999px;letter-spacing:.02em;flex-shrink:0;white-space:nowrap}.badge-listed{background:#e6f4ea;color:#137333}.badge-unlisted{background:#f1f3f4;color:#5f6368}.company-item.unlisted{opacity:.92}.company-meta.warn{color:#b06000}.company-name{font-weight:600;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-meta{font-size:.875rem;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-analyze{width:100%;margin-top:0}.empty-state{margin-top:16px;text-align:center;color:var(--muted);font-size:.9375rem}.error-banner{margin-top:16px;padding:12px 14px;border-radius:var(--radius-sm);background:#fdecea;color:#b3261e;font-size:.9375rem}.toast-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;pointer-events:none}.toast-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;padding:0;background:#191f2852;cursor:pointer;pointer-events:auto;animation:toast-backdrop-in .2s ease-out}.toast-slot{position:absolute;left:50%;transform:translate(-50%);bottom:24px;width:min(720px,100vw);padding:0 20px;box-sizing:border-box;pointer-events:none}.toast-track{padding:0 20px;box-sizing:border-box}.toast-slot--raised{bottom:88px}.toast{width:100%;display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;pointer-events:auto;animation:toast-in .22s ease-out}.toast--danger{background:#b3261ee0;box-shadow:0 12px 32px #b3261e47}.toast--warning{background:#b06000e0;box-shadow:0 12px 32px #b0600047}.toast__message{flex:1;margin:0;font-size:.9375rem;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}.toast__close{flex-shrink:0;border:none;background:transparent;color:#ffffffb8;font-size:1.25rem;line-height:1;padding:0;cursor:pointer}.toast__close:hover{color:#fff}@keyframes toast-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.result-panel h2{font-size:1.35rem;letter-spacing:-.02em}.result-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:20px}.fiscal-badge{font-size:.8125rem;color:var(--muted);background:var(--bg);padding:4px 10px;border-radius:999px}.score-card{display:flex;align-items:stretch;gap:16px;margin-bottom:20px}.grade-main,.score-breakdown{min-width:0;display:flex;flex-direction:column;align-items:stretch;min-height:132px;padding:20px;border-radius:var(--radius-lg)}.grade-main{flex:0 0 clamp(120px,24%,168px);container-type:size;background:var(--brand-light)}.score-card.grade-a .grade-main{background:#0f9d581a}.score-card.grade-b .grade-main{background:#1a73e81a}.score-card.grade-c .grade-main{background:#f9ab001f}.score-card.grade-d .grade-main{background:#f57c001f}.score-card.grade-e .grade-main{background:#ea43351a}.score-card.grade-f .grade-main{background:#d930251a}.score-breakdown{flex:1;background:var(--surface);border:1px solid var(--border)}.score-label{display:block;flex-shrink:0;font-size:.875rem;color:var(--muted);margin-bottom:4px;line-height:1.25}.grade-letter-wrap{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;width:100%}.grade-letter{font-weight:700;letter-spacing:-.04em;line-height:1;font-size:clamp(2.75rem,72cqmin,5.5rem)}.score-total{flex-shrink:0;font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1.2}.score-total-max{font-size:1rem;font-weight:500;color:var(--muted)}.score-breakdown-list{list-style:none;width:100%;margin-top:10px;display:grid;gap:6px}.score-breakdown-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px}.score-breakdown-label{font-size:.75rem;color:var(--muted)}.score-breakdown-bar{height:6px;border-radius:999px;background:var(--bg);border:1px solid var(--border);overflow:hidden}.score-breakdown-fill{display:block;height:100%;border-radius:inherit}.score-breakdown-fill--good{background:#0f9d58}.score-breakdown-fill--warn{background:#f9ab00}.score-breakdown-fill--bad{background:#d93025}.score-breakdown-value{font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}.score-breakdown-max{font-weight:500;color:var(--muted)}.score-value{font-size:2rem;letter-spacing:-.03em}.score-value span{font-size:1rem;color:var(--muted);font-weight:500}.summary-block{margin-bottom:0}.metrics-section .metric-group:last-of-type{margin-bottom:12px}.metric-scroll .metrics-legend{margin-top:0;padding-top:0;border-top:none}.metric-group-title{font-size:.875rem;font-weight:700;color:var(--text);margin-bottom:10px}.summary-block h3{font-size:.9375rem;color:var(--muted);margin-bottom:8px}.summary-block p{font-size:1.05rem;line-height:1.7}.metric-group{margin-bottom:10px}.metric-group-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-bottom:10px}.metric-group-head h4{font-size:.875rem;font-weight:700;color:var(--text)}.metric-group-head span{font-size:.75rem;color:var(--muted)}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px}.metric-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 14px 16px;background:#fff;display:grid;grid-template-rows:1fr auto;height:100%;min-height:118px;gap:8px;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--border)}.metric-card--amount:before{background:linear-gradient(90deg,var(--brand),#5b8def)}.metric-card--good:before{background:#0f9d58}.metric-card--warn:before{background:#f9ab00}.metric-card--bad:before{background:#d93025}.metric-card--neutral:before{background:#9aa0a6}.metric-card--good{background:linear-gradient(180deg,#0f9d580f,#fff 48%)}.metric-card--warn{background:linear-gradient(180deg,#f9ab0014,#fff 48%)}.metric-card--bad{background:linear-gradient(180deg,#d930250f,#fff 48%)}.metric-card-top{display:flex;align-items:flex-start;gap:8px;align-self:start}.metric-label-wrap{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.metric-label{font-size:.8125rem;color:var(--text);font-weight:600;line-height:1.25}.metric-hint{font-size:.75rem;color:var(--muted);line-height:1.35;min-height:calc(.75rem * 1.35 * 2)}.metric-icon{flex-shrink:0;width:26px;height:26px;border-radius:var(--radius-sm);background:var(--brand-light);color:var(--brand-dark);font-size:.75rem;font-weight:700;display:grid;place-items:center;line-height:1}.metric-card--good .metric-icon{background:#0f9d581f;color:#0d7a43}.metric-card--warn .metric-icon{background:#f9ab0026;color:#b06000}.metric-card--bad .metric-icon{background:#d930251a;color:#b3261e}.metric-value{font-size:clamp(1.125rem,2.5vw,1.375rem);letter-spacing:-.02em;line-height:1.2;word-break:keep-all;align-self:end;margin:0}.metric-card--amount .metric-value{color:var(--brand-dark)}.metric-card--good .metric-value{color:#0d7a43}.metric-card--warn .metric-value{color:#b06000}.metric-card--bad .metric-value{color:#b3261e}.metrics-legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:4px;padding-top:12px;border-top:1px dashed var(--border)}.legend-item{font-size:.75rem;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.legend-item:before{content:"";width:10px;height:10px;border-radius:2px}.legend-good:before{background:#0f9d58}.legend-warn:before{background:#f9ab00}.legend-bad:before{background:#d93025}.metrics-list{display:grid;gap:10px}.metric-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border)}.metric-row dt{color:var(--muted)}.metric-row dd{font-weight:600;text-align:right}.footer{text-align:center;color:var(--muted);font-size:.8125rem;margin-top:12px}.spinner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#191f2859;display:grid;place-items:center;z-index:1000}.spinner-card{background:#fff;border-radius:var(--radius-lg);padding:28px 32px;text-align:center;box-shadow:var(--shadow);min-width:220px}.spinner{width:40px;height:40px;margin:0 auto 12px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-card p{color:var(--text);font-weight:500}.spinner-dots{display:inline-block;width:1.25em;text-align:left}html.app-metrics-scroll,html.app-metrics-scroll body{overflow:auto;height:auto}html.app-metrics-scroll #root{height:auto;min-height:100dvh;overflow:visible}html.app-metrics-scroll .app--with-list{height:auto;max-height:none;overflow:visible}html.app-metrics-scroll .app--with-list>.main-card{flex:none;min-height:auto}html.app-metrics-scroll .main-card--with-list{overflow:visible}html.app-metrics-scroll .result-view--with-list,html.app-metrics-scroll .result-panel,html.app-metrics-scroll .result-panel--metrics-open{overflow:visible;flex:none;min-height:auto}html.app-metrics-scroll .result-panel--metrics-open .metrics-section,html.app-metrics-scroll .metric-scroll-frame--open{flex:none;overflow:visible}html.app-metrics-scroll .metric-scroll{height:auto;overflow:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:560px){.app{padding:20px max(14px,env(safe-area-inset-right)) 12px max(14px,env(safe-area-inset-left))}.main-card{padding:20px 14px}.main-card--with-list{padding:14px 14px 16px}.app--with-list{padding:16px max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))}.analyze-bar{padding:12px max(14px,env(safe-area-inset-right)) 16px max(14px,env(safe-area-inset-left))}.toast-slot,.toast-track{padding:0 14px}.toast-slot--raised{bottom:88px}.company-list-scroll-frame{max-height:min(320px,45vh)}.company-list--fill .company-list-scroll-frame{max-height:none}.search-form{gap:8px}.search-form input{padding:12px 14px}.btn-search,.list-header__cancel{width:48px;min-width:48px;flex-shrink:0}.score-card{gap:12px}.grade-main,.score-breakdown{padding:16px;min-height:120px}.grade-main{flex-basis:clamp(96px,28%,128px)}.grade-letter{font-size:clamp(2.5rem,68cqmin,4rem)}.score-total{font-size:1.625rem}.score-breakdown-item{grid-template-columns:36px 1fr auto;gap:6px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric-card{padding:10px 8px 12px;gap:6px;min-height:108px;border-radius:var(--radius)}.metric-card-top{gap:6px}.metric-icon{width:22px;height:22px;font-size:.625rem;border-radius:var(--radius-sm)}.metric-label{font-size:.6875rem;line-height:1.25}.metric-hint{font-size:.625rem;line-height:1.3;min-height:1.625rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.metric-value{font-size:clamp(.8125rem,3.2vw,.9375rem);letter-spacing:-.03em}.metric-group-head{margin-bottom:8px}.metric-group-head h4{font-size:.8125rem}.metric-group-head span{width:100%;font-size:.6875rem}.metrics-block-header h3{font-size:.875rem}.metrics-legend{gap:8px 12px}.legend-item{font-size:.6875rem}}@media(max-width:380px){.metrics-grid{gap:6px}.metric-card{padding:8px 6px 10px;min-height:112px}.metric-icon{width:20px;height:20px}.metric-label{font-size:.625rem}.metric-hint{font-size:.5625rem;min-height:2.19375rem;-webkit-line-clamp:3}.metric-value{font-size:.8125rem}}