/* Claude Design v1 adapted to the working application. Keep data and behavior in the existing JS. */
:root{--bg:#f6f8fc;--ink:#0b1f3a;--muted:#5e6e85;--line:#e3e9f2;--green:#1b5fd9;--pale:#eaf1fd;--white:#fff;--orange:#c77749;--radius:16px}
html{scroll-padding-top:82px}
body{background:var(--bg);color:var(--ink);font-family:'Pretendard Variable',Pretendard,'Noto Sans KR',system-ui,sans-serif}
.shell{width:min(1200px,calc(100% - 40px))}
a{transition:color .15s}
a:hover{color:#14489f}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #1b5fd9;outline-offset:3px}
.site-header{position:relative;z-index:30;height:auto;min-height:72px;background:rgba(255,255,255,.94);border-color:var(--line);backdrop-filter:blur(8px)}
.header-inner{min-height:72px;height:auto;gap:12px 18px;flex-wrap:wrap;padding:12px 0}
.brand{font-size:19px;letter-spacing:-.03em}
.brand-mark{width:32px;height:32px;background:#1b5fd9;border-radius:9px;font-size:20px}
.brand-name strong{color:#0b1f3a}.brand-name>span{color:#5e6e85}
.brand-beta{background:#eaf1fd;color:#1b5fd9}
.main-nav{display:flex;align-items:center;gap:3px 5px;margin-left:auto;flex-wrap:wrap}
.main-nav>a{padding:8px 10px;border-radius:8px;color:#41536d;font-size:12px;font-weight:700;white-space:nowrap}
.main-nav>a:hover,.main-nav>a[aria-current=page]{background:#eaf1fd;color:#14489f}
.main-nav>a.nav-monitor-link{background:#eaf1fd;color:#14489f}
.main-nav>a.nav-monitor-link:hover,.main-nav>a.nav-monitor-link[aria-current=page]{background:#dce9ff;color:#0d49b4}
.auth-actions{display:flex;align-items:center;gap:8px}
.auth-actions>a{font-size:12px;color:#41536d;font-weight:700}
.auth-actions .signup-link{border:1px solid #bbd0f2;border-radius:8px;color:#1b5fd9;background:#fff;padding:8px 11px}
.auth-actions .signup-link:hover{background:#eaf1fd}
.footer{color:#7a8aa3;border-color:var(--line)}
.footer b{color:#1b5fd9}
.home-kicker,.section-kicker,.eyebrow{color:#1b5fd9;letter-spacing:.08em;font-size:12px;font-weight:800}
.home-section{padding-top:80px;padding-bottom:80px}
.home-section-heading h2{max-width:720px;color:#0b1f3a;font-size:clamp(27px,3vw,38px);letter-spacing:-.035em;line-height:1.38}
.home-section-heading p{color:#5e6e85;font-size:14px;line-height:1.75}
.home-hero{width:100%;max-width:none;min-height:0;padding:84px max(20px,calc((100vw - 1200px)/2)) 70px;background:linear-gradient(180deg,#0b1f3a 0%,#123561 100%);color:#fff;overflow:hidden}
.home-hero .eyebrow{color:#9dc1f5}
.home-hero .pulse{background:#5b9bff;box-shadow:0 0 0 4px rgba(91,155,255,.22)}
.home-hero h1{max-width:860px;margin:20px 0 16px;color:#fff;font-size:clamp(33px,4.4vw,54px);line-height:1.28;letter-spacing:-.035em;text-wrap:pretty}
.home-hero h1 em{color:#7fb2ff}
.home-hero>p:not(.hero-caveat){max-width:620px;color:#bdcde6;font-size:15px;line-height:1.85}
.home-hero .home-actions{margin-top:30px}
.primary-action{background:#2b6fe8;border-radius:11px;color:#fff;box-shadow:none}
.primary-action:hover{background:#1b5fd9;color:#fff}
.home-hero .text-action{display:inline-flex;align-items:center;min-height:50px;padding:12px 18px;border:1px solid rgba(255,255,255,.35);border-radius:11px;color:#dce8fa;font-size:14px;font-weight:700}
.home-hero .text-action:hover{background:rgba(255,255,255,.08);color:#fff}
.hero-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;max-width:1200px;margin:52px 0 0;padding:1px;border-radius:14px;background:rgba(255,255,255,.14);overflow:hidden}
.hero-facts>div{min-width:0;padding:18px 20px;background:rgba(11,31,58,.55)}
.hero-facts dt{color:#9dc1f5;font-size:11px;font-weight:700}
.hero-facts dd{margin:7px 0 0;color:#fff;font-size:clamp(16px,2vw,23px);font-weight:800;letter-spacing:-.02em;overflow-wrap:anywhere}
.home-hero .hero-caveat{margin:14px 0 0;max-width:none;color:#9bb2d0;font-size:11px;line-height:1.65}
.feature-grid{gap:16px}
.feature-card{padding:26px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:none}
.feature-icon{background:#eaf1fd;color:#1b5fd9;border-radius:11px}
.feature-card h3{color:#0b1f3a;font-size:19px}
.feature-card p{color:#5e6e85;font-size:13px;line-height:1.8}
.feature-visual{color:#1b5fd9}
.visual-price b{color:#0b1f3a}.visual-price>span{color:#1b5fd9}
.how-section{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.step-grid{gap:16px}.step-grid li{background:#fafcff;border:1px solid var(--line);border-radius:14px}
.step-grid li>span{color:#1b5fd9}.step-grid p{color:#5e6e85}
.home-popular-section{background:#f6f8fc;border-color:var(--line)}
.home-popular-heading h2{color:#0b1f3a}.home-popular-heading p{color:#5e6e85}
.home-popular-heading>a,.home-popular-card-more{color:#1b5fd9}
.home-popular-card,.pricing-card{background:#fff;border-color:var(--line);border-radius:16px}
.home-popular-card-top span:first-child,.home-popular-card-change.up,.home-popular-card-change.up b{color:#1b5fd9}
.home-popular-card.down .home-popular-chart{color:#c34d45}.home-popular-card .home-popular-chart{color:#1b5fd9}
.pricing-card.featured{border-color:#8bb4f5;background:#f5f8ff}
.plan-head span,.plan-note{color:#1b5fd9}
.home-cta{background:#0b1f3a;border-radius:18px;color:#fff}
.home-cta h2{color:#fff}.home-cta .home-kicker{color:#9dc1f5}
.complex-finder,.sidebar,.dashboard-top,.panel,.sample-alert{border-color:var(--line);border-radius:16px;box-shadow:none}
.complex-finder{background:#fff}
.finder-heading h1{font-size:24px;letter-spacing:-.03em}
.finder-heading p,.finder-divider,.sidebar-note{color:#5e6e85}
.region-selects select,.finder-search input,.building-filter select,.listing-building-filter select{border-color:#d9e2ef;background:#fafcff;color:#0b1f3a;border-radius:10px}
.finder-search{border-color:#d9e2ef;background:#fafcff}
.finder-result:hover,.finder-result:focus-visible{background:#eaf1fd}
.monitor-workspace{grid-template-columns:238px minmax(0,1fr);gap:20px}
.sidebar{padding:18px;min-height:0}
.sidebar h2{font-size:15px;letter-spacing:-.02em}
.count-pill{background:#eaf1fd;color:#1b5fd9;border-radius:999px}
.complex-button{border-radius:10px;padding:10px 8px}
.complex-button.active{background:#eaf1fd;border-color:#bbd0f2}
.complex-initial{background:#edf1f7;color:#5e6e85}
.active .complex-initial{background:#1b5fd9;color:#fff}
.complex-arrow,.active .complex-arrow{color:#1b5fd9}
.dashboard{gap:18px}
.dashboard-top,.panel{padding:24px 26px}
.dashboard-headline h2{color:#0b1f3a;font-size:26px;letter-spacing:-.03em}
.complex-title-link,.complex-title-link:hover{color:#0b1f3a}
.complex-title-link span{color:#1b5fd9}
.complex-facts{color:#7a8aa3}
.filter-bar{border-color:var(--line);background:#fff;border-radius:12px}
.trade-tabs button{border-radius:8px;color:#41536d}
.trade-tabs button[aria-pressed=true]{background:#1b5fd9;color:#fff}
.trade-tabs b{color:inherit}
.type-card{background:#fff;border-color:var(--line);border-radius:12px}
.type-card:hover{border-color:#8bb4f5}
.type-card.selected{background:#eaf1fd;border-color:#8bb4f5;box-shadow:inset 0 0 0 1px #8bb4f5}
.type-card.selected strong,.type-card.selected .type-top,.type-card.selected .type-bottom b{color:#14489f}
.type-top,.type-bottom{color:#5e6e85}
.type-top span{color:#1b5fd9}
.panel-top h3,.section-heading h3{color:#0b1f3a;letter-spacing:-.02em}
.panel-type{background:#edf3fd;color:#4d6591}
.trend-big,.trend-big.up,.sample-chart,.sample-point{color:#1b5fd9}
.trend-big.down{color:#c34d45}.trend-big.flat{color:#6d7f98}
.sample-chart .chart-guide,.urgent-chart .urgent-guide{stroke:#e3e9f2}
.sample-chart text,.urgent-chart svg text{fill:#7a8aa3}
.range-track{background:#eaf1fd}.range-track:before,.range-track:after,.range-track span{background:#8bb4f5;box-shadow:0 0 0 1px #8bb4f5}.range-track span{background:#1b5fd9;box-shadow:0 0 0 1px #1b5fd9}
.sample-range-history,.building-trend{background:#fafcff;border-color:var(--line)}
.price-cell a,.price-history-trigger,.sort-button,.listing-building-filter select{color:#1b5fd9}
.listing-panel th{color:#6b7d96;border-color:var(--line)}
.listing-panel td{border-color:#eef2f8}
.listing-panel tbody tr:hover{background:#f4f8ff}
.listing-badge.lowest{background:#e5f3f0;color:#087d72}
.listing-badge.highest{background:#fff2dd;color:#9d6415}
.listing-badge.urgent{background:#fdece9;color:#b23b2f}
.sample-alert{background:#fff8ee;border-color:#f0dcb4}
.complete-alert{background:#f1f7fe;border-color:#dce6f6}
.insight-panel{background:#f4f8ff;border-color:#dce6f6}
.forecast-panel{background:linear-gradient(135deg,#f1f6fe,#fff 70%);border-color:#dce6f6}
.forecast-metrics{border-color:#dce6f6}.forecast-metrics strong{color:#0b1f3a}.forecast-metrics>span{color:#1b5fd9}
.forecast-warning{background:#fff6e5;color:#895d1a}
.price-history-dialog{border-color:#d9e2ef;color:#0b1f3a}
.price-history-dialog-head small,.price-history-list strong{color:#1b5fd9}
.price-history-trigger{color:#1b5fd9}
.popular-main,.urgent-main{padding-top:44px}
.popular-intro h1{color:#0b1f3a;font-size:clamp(28px,3.4vw,42px);letter-spacing:-.035em}
.popular-intro p{color:#5e6e85}
.outline-action{border-color:#bbd0f2;color:#1b5fd9;background:#fff;border-radius:10px}
.popular-explainer,.urgent-explainer{background:#f1f6fe;border-color:#dce6f6;color:#5e6e85;border-radius:12px}
.popular-explainer strong{color:#1b5fd9}
.popular-toolbar h2{color:#0b1f3a;font-size:20px}.popular-toolbar h2 span{color:#1b5fd9}
.popular-grid{gap:16px}
.popular-card{border-color:var(--line);border-radius:16px;box-shadow:none}
.popular-number{background:#1b5fd9;color:#fff}
.popular-card.pending .popular-number{background:#edf1f7;color:#7a8aa3}
.popular-card h3{color:#0b1f3a}
.popular-card .popular-chart,.popular-card.up .popular-chart{color:#1b5fd9}
.popular-card.down .popular-chart{color:#c34d45}
.popular-link,.popular-change.up,.popular-change.up b{color:#1b5fd9}
.urgent-list{grid-template-columns:1fr;gap:16px}
.urgent-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:22px 24px;border-color:var(--line);border-radius:16px}
.urgent-card>.urgent-card-info:first-child{display:flex;flex-direction:column;align-items:stretch;gap:0;text-align:left}
.urgent-card h2{color:#0b1f3a}
.urgent-card h2 span,.urgent-original{color:#1b5fd9}
.urgent-card-price{color:#0b1f3a}
.urgent-card-trend{background:#f6f8fc;border-radius:13px}
.urgent-chart,.urgent-chart.up{color:#1b5fd9}.urgent-chart.down{color:#c34d45}.urgent-chart.flat{color:#7a8aa3}
.urgent-card-footer{border-color:#eef2f8}
.auth-main{padding-top:56px;padding-bottom:90px}
.auth-card{border-color:var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(11,31,58,.05)}
.auth-card h1{color:#0b1f3a;letter-spacing:-.03em}
.auth-intro,.auth-notice{color:#5e6e85}
.auth-form input{background:#fafcff;border-color:#d9e2ef;border-radius:10px;color:#0b1f3a}
.auth-submit{background:#1b5fd9;border-radius:10px}
.auth-submit:hover{background:#14489f}
.signup-option.email-option{border-color:#bbd0f2;background:#eaf1fd;color:#14489f}
.signup-option.email-option .option-mark{background:#1b5fd9;color:#fff}
.auth-switch a{color:#1b5fd9}
.nav-monitor-link:focus-visible,.type-card:focus-visible,.trade-tabs button:focus-visible{outline:2px solid #1b5fd9;outline-offset:3px}
@media(max-width:1100px){.header-inner{justify-content:center}.main-nav{margin-left:0}.monitor-workspace{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:760px){
  .shell{width:calc(100% - 32px)}
  .site-header{height:auto}.header-inner{justify-content:space-between;padding:10px 0}
  .brand{font-size:17px}.brand-mark{width:30px;height:30px}
  .main-nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:thin}
  .main-nav>a{font-size:11px;padding:7px 8px}
  .auth-actions{margin-left:auto}.auth-actions>a{font-size:11px}
  .home-hero{padding:54px 16px 44px}
  .home-hero h1{font-size:clamp(32px,8vw,42px);letter-spacing:-.035em}
  .home-hero>p:not(.hero-caveat){font-size:13px}
  .home-hero .home-actions{gap:9px}
  .home-hero .text-action{min-height:44px;padding:10px 12px;font-size:12px}
  .hero-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:34px}
  .hero-facts>div{padding:14px}.hero-facts dd{font-size:16px}
  .home-section{padding-top:56px;padding-bottom:56px}
  .monitor-workspace{display:block}
  .sidebar{margin-bottom:16px;padding:16px}
  .complex-list{flex-direction:row;align-items:stretch;overflow-x:auto;overflow-y:hidden}
  .complex-button{flex:0 0 190px;min-width:0;min-height:52px;height:auto}
  .dashboard-top,.panel{padding:20px}
  .urgent-card{grid-template-columns:1fr;padding:20px 17px}
  .urgent-card-trend{padding:12px}
  .auth-main{padding-top:36px}
}
@media(max-width:400px){.brand{font-size:15px}.brand-beta{font-size:9px}.auth-actions .signup-link{padding:6px}.hero-facts dd{font-size:14px}.home-hero h1{font-size:31px}.urgent-card-footer time,.urgent-original{font-size:10px}}
@media(prefers-reduced-motion:reduce){.home-popular-track.is-ready{animation:none}}