:root{--ink:#163232;--ink-soft:#2f4545;--muted:#6a7c7c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink);background:#eef4f2;font-family:Noto Sans KR,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button{appearance:none}.app{box-sizing:border-box;z-index:1;width:min(1120px,100%);max-width:1120px;margin:0 auto;padding:2.5rem 1.25rem 3.5rem;position:relative;overflow-x:clip}.app>*{min-width:0;max-width:100%}.ambient{z-index:0;pointer-events:none;background:radial-gradient(80% 50% at 10% -10%,#3d8b6e2e,#0000 55%),radial-gradient(70% 45% at 95% 5%,#1a6b6b24,#0000 50%),radial-gradient(60% 40% at 50% 100%,#c45c3e14,#0000 55%),linear-gradient(165deg,#eef4f2 0%,#e6eeeb 40%,#f3f0ea 100%);position:fixed;inset:0}.hero{margin-bottom:2rem;animation:.7s both rise}.hero__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem;display:flex}.source-box{flex-direction:column;align-items:flex-end;gap:.45rem;display:flex}.source-pill{color:var(--ink-soft);background:#1a303014;border-radius:999px;margin:0;padding:.35rem .75rem;font-size:.8rem;font-weight:600}.source-pill--sheets{color:#1a6b6b;background:#dae7e7}.source-pill--loading{color:var(--muted);background:#1a30300f}.source-pill--sample{color:#9a4a32;background:#f8ebe8}.source-meta{color:var(--muted);margin:0;font-size:.78rem}.source-actions{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.btn{color:#f4faf8;font:inherit;cursor:pointer;background:#1a6b6b;border:1px solid #1a303024;border-radius:999px;padding:.45rem .9rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s}.btn:hover{opacity:.92}.btn:disabled{opacity:.55;cursor:default}.btn--ghost{color:var(--ink-soft);background:0 0}.setup-panel{animation-delay:40ms}.setup-steps{color:var(--ink-soft);margin:0 0 1rem;padding-left:1.2rem;line-height:1.7}.setup-steps code,.setup-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem}.setup-code{color:var(--ink);white-space:pre;background:#1632320f;margin:0;padding:.95rem 1rem;line-height:1.55;overflow-x:auto}.setup-note{color:var(--muted);margin:.9rem 0 0;font-size:.88rem}.banner{color:var(--ink-soft);background:#c45c3e14;border-left:3px solid #c45c3e;gap:.2rem;margin-bottom:1.1rem;padding:.9rem 1rem;font-size:.9rem;animation:.5s both rise;display:grid}.banner strong{color:#9a4a32}.brand{letter-spacing:-.03em;color:var(--ink);margin:0 0 .35rem;font-family:Outfit,Noto Sans KR,sans-serif;font-size:clamp(2.4rem,6vw,3.4rem);font-weight:700;line-height:1}.hero h1{color:var(--ink-soft);margin:0;font-size:clamp(1.15rem,2.5vw,1.35rem);font-weight:500}.hero__sub{color:var(--muted);margin:.65rem 0 0;font-size:.95rem}.summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.panel__meta{color:var(--muted);margin:0;font-size:.82rem}.detail-sections{grid-template-columns:minmax(0,1fr);gap:1.25rem;width:100%;min-width:0;max-width:100%;margin-top:1.25rem;display:grid}.detail-panel{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;max-width:100%;margin-bottom:0;display:flex;overflow:hidden}.detail-grid{grid-template-columns:repeat(var(--detail-cols,4), minmax(0, 1fr));gap:.75rem;width:100%;min-width:0;max-width:100%;margin-bottom:1.15rem;display:grid}.detail-card{background:#ffffff8c;border-left:2px solid #1a6b6b59;min-width:0;padding:.85rem .9rem}.detail-card__name{color:var(--muted);word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:.78rem;font-weight:500;line-height:1.35}.detail-card .metric-stack{margin-top:.3rem}.detail-card__delta{color:var(--ink-soft);margin:.35rem 0 0;font-size:.8rem}.detail-history{border-top:1px solid #1a30300f;flex:0 auto;width:100%;min-width:0;max-width:100%;padding-top:.35rem}.summary__item{border-left:3px solid var(--accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:.65s both rise;animation-delay:var(--delay);background:#ffffff8c;padding:1.15rem 1.2rem 1.25rem;transition:transform .25s,background .25s}.summary__item:hover{background:#ffffffc7;transform:translateY(-2px)}.summary__name{color:var(--muted);margin:0;font-size:.85rem;font-weight:500}.summary__value{letter-spacing:-.03em;color:var(--ink);margin:.35rem 0 .5rem;font-family:Outfit,Noto Sans KR,sans-serif;font-size:clamp(1.85rem,4vw,2.35rem);font-weight:650;line-height:1.1}.summary__value span{color:var(--muted);margin-left:.2rem;font-size:.9rem;font-weight:500}.summary__item .metric-stack{margin:.35rem 0 .5rem}.summary__item .metric-stack strong{font-size:clamp(1.85rem,4vw,2.35rem)}.summary__item .metric-stack small{font-size:.82rem}.summary__change{color:var(--ink-soft);margin:0;font-size:.9rem}.metric-stack{flex-direction:column;align-items:flex-start;gap:.15rem;display:flex}.metric-stack strong{letter-spacing:-.02em;color:var(--ink);font-family:Outfit,Noto Sans KR,sans-serif;font-size:1.25rem;font-weight:650;line-height:1.15}.metric-stack__unit{color:var(--muted);margin-left:.2rem;font-size:.72em;font-weight:500}.metric-stack small{color:var(--muted);letter-spacing:.01em;font-size:.75rem;font-weight:500}.metric-stack--low strong{color:#1a6b6b}.metric-stack--high strong{color:#c45c3e}.metric-stack--ok strong{color:var(--ink)}.analysis-panels{grid-template-columns:1fr;gap:1.25rem;width:100%;min-width:0;margin-bottom:1.25rem;display:grid}.analysis-panel{margin-bottom:0;overflow:hidden}.analysis-list{gap:1.15rem;display:grid}.analysis-row{background:#fff;border:1px solid #1a303038;grid-template-columns:132px minmax(0,1fr);align-items:stretch;gap:0;display:grid}.analysis-row__label{background:#eceeef;border-right:1px solid #111;justify-content:space-between;align-items:center;gap:.35rem;padding:.55rem .55rem .55rem .65rem;display:flex}.analysis-row__label-text{min-width:0}.analysis-row__label strong{color:#111;font-size:1rem;font-weight:700;line-height:1.15;display:block}.analysis-row__label em{color:#111;flex-shrink:0;font-size:.78rem;font-style:normal;font-weight:500}.analysis-row__label span{color:#7a8080;margin-top:.15rem;font-size:.7rem;line-height:1.2;display:block}.analysis-row__chart{min-width:0;padding:.45rem .85rem .55rem .55rem}.analysis-row__scale{color:#555;height:1.2rem;margin:0 0 .15rem;font-size:.62rem;position:relative}.analysis-row__scale span{text-align:center;line-height:1;position:absolute;top:0;transform:translate(-50%)}.analysis-row__scale i{background:#444;width:1px;height:5px;margin:0 auto 2px;display:block}.analysis-row__scale-unit{font-size:.62rem;font-weight:600;position:absolute;top:.35rem;right:-.55rem}.analysis-row__bar{background:#fff;height:20px;position:relative;overflow:visible}.analysis-row__normal{pointer-events:none;background:#1a30300d;position:absolute;top:0;bottom:0}.analysis-row__seg{box-sizing:border-box;border-right:2px solid #fff;position:absolute;top:0;bottom:0;overflow:hidden}.analysis-row__seg-fill{height:100%;display:block}.analysis-row__seg--under .analysis-row__seg-fill{background:#111}.analysis-row__seg--normal .analysis-row__seg-fill{background:#8b9393}.analysis-row__seg--over .analysis-row__seg-fill{background:#9a6b55}.analysis-row__tip{letter-spacing:-.02em;color:#111;white-space:nowrap;pointer-events:none;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;font-family:Outfit,Noto Sans KR,sans-serif;font-size:1.08rem;font-weight:700;position:absolute;top:50%;transform:translate(.15rem,-50%)}.analysis-row__tip--plain{left:.35rem;transform:translateY(-50%)}.analysis-row--low .analysis-row__tip{color:#1a6b6b}.analysis-row--high .analysis-row__tip{color:#9a4a32}.analysis-row__percent{color:var(--muted);margin:.3rem 0 0;font-size:.75rem}@media (width<=720px){.analysis-row{grid-template-columns:1fr}}.composition-scroll{width:100%;max-width:100%;overflow-x:auto}.composition-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:640px;font-size:.9rem}.composition-table th,.composition-table td{text-align:center;vertical-align:middle;white-space:normal;border:1px solid #1a30301f;padding:.85rem .55rem}.composition-table thead th{color:#fff;background:#5a6565;font-size:.82rem;font-weight:600}.composition-table__corner{background:#5a6565;width:5.5rem}.composition-table tbody th{color:var(--ink-soft);text-align:left;background:#1a30300d;padding-left:.85rem;font-weight:600}.composition-table tbody th span{color:var(--muted);margin-top:.15rem;font-size:.72rem;font-weight:500;display:block}.composition-table td .metric-stack{align-items:center}.composition-table td.is-empty{background:#1a303005}.composition-note{color:var(--muted);background:#1a303005;font-size:.72rem}.composition-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin:.9rem 0 0;font-size:.8rem;display:flex}.composition-legend span{font-weight:600}.composition-legend .metric-stack--low{color:#1a6b6b}.composition-legend .metric-stack--ok{color:var(--ink)}.composition-legend .metric-stack--high{color:#c45c3e}.panel{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff9e;border:1px solid #1a30300f;width:100%;min-width:0;max-width:100%;margin-bottom:1.25rem;padding:1.35rem 1.35rem 1.5rem;animation:.75s .16s both rise}.panel__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.1rem;display:flex}.panel__head h2{color:var(--ink);margin:0;font-size:1.15rem;font-weight:650}.panel__head p{color:var(--muted);margin:.25rem 0 0;font-size:.88rem}.toggles{flex-wrap:wrap;gap:.45rem;display:flex}.toggle{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #1a30301f;border-radius:999px;padding:.4rem .85rem;font-size:.82rem;font-weight:500;transition:background .2s,color .2s,border-color .2s}.toggle.is-on{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 14%, white);color:var(--accent)}.chart-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffffe0;overflow:visible}.chart-layout{box-sizing:border-box;grid-template-columns:60px minmax(0,1fr);align-items:stretch;gap:.55rem;width:100%;min-width:0;padding-left:.25rem;display:grid}.chart-yscale{color:#5a6b6b;font-variant-numeric:tabular-nums;flex-direction:column;min-width:60px;padding-left:.35rem;display:flex}.chart-yscale__unit{height:44px;color:var(--muted);text-align:right;padding-top:.15rem;font-size:.72rem;display:block}.chart-yscale__ticks{text-align:right;flex-direction:column;flex:1;justify-content:space-between;padding:12px 0 28px;font-size:.8rem;line-height:1;display:flex}.chart-yscale__ticks span{white-space:nowrap;padding-right:.2rem;display:block}.chart-wrap{width:100%;min-width:0;height:320px;overflow:hidden}.chart-tooltip{background:#fffffff5;border:1px solid #1a303014;padding:.7rem .85rem;font-size:.85rem;box-shadow:0 8px 24px #1a303014}.chart-tooltip__label{color:var(--ink);margin:0 0 .4rem;font-weight:600}.chart-tooltip p{margin:.15rem 0}.tables{grid-template-columns:1fr 1fr;gap:1.25rem;width:100%;min-width:0;display:grid}.tables .panel{min-width:0;margin-bottom:0}.table-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;display:block;overflow-x:auto}.table-scroll table{border-collapse:collapse;width:max-content;min-width:100%;font-size:.92rem}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #1a303014;padding:.75rem .65rem}th{letter-spacing:.02em;color:var(--muted);font-size:.78rem;font-weight:600}td{color:var(--ink);font-variant-numeric:tabular-nums}tbody tr{transition:background .2s}tbody tr:hover{background:#1a6b6b0a}.delta{font-variant-numeric:tabular-nums;font-weight:600;display:inline-block}.delta--down{color:#1a6b6b}.delta--up{color:#c45c3e}.delta--flat{color:var(--muted)}.footer{text-align:center;color:var(--muted);margin-top:1.75rem;font-size:.85rem;animation:.8s .24s both rise}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.summary,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.tables{grid-template-columns:1fr}.chart-wrap{height:280px}}@media (width<=520px){.app{padding:1.75rem 1rem 2.5rem}.summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.summary__item{padding:.95rem .85rem}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.panel{padding:1.1rem 1rem 1.25rem}th,td{padding:.65rem .45rem;font-size:.85rem}}@media (prefers-reduced-motion:reduce){.hero,.summary__item,.panel,.footer{animation:none}.summary__item,.toggle,tbody tr{transition:none}}