/* KroWebs — Atlas direction. Graphite / jade / mineral surfaces. */
:root{--canvas:#10191c;--surface:#19262a;--ink:#eff6f2;--muted:#aec1bd;--edge:#34464a;--accent:#80e1c7;--blue:#80e1c7;--line:#34464a;--muted-surface:#213338}
:root[data-theme=light]{--canvas:#eff3ef;--surface:#fcfdf9;--ink:#18332f;--muted:#536c64;--edge:#cad7cf;--accent:#176958;--muted-surface:#e1ebe4}
body{background:var(--canvas);color:var(--ink)}body,button,input,select{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}h1,h2,h3{font-weight:650;letter-spacing:-.045em}.shell{max-width:1700px}.sidebar{width:225px;background:var(--canvas)!important;border-right:1px solid var(--edge);padding:32px 20px}.shell{margin-left:225px}.brand small{font-size:8px;letter-spacing:.1em}.sidebar .side-label{margin-top:52px;color:var(--muted)}.sidebar .nav-item{border-radius:12px;margin-bottom:12px;min-height:54px;transition:background .2s,transform .2s;color:var(--muted)}.sidebar .nav-item.active{box-shadow:none;background:var(--muted-surface);color:var(--accent)}.sidebar .nav-item:hover{transform:translateX(4px);background:var(--muted-surface)}.side-bottom .flag,.side-bottom .demo-pill{display:none}.side-bottom{text-align:left;border-top:1px solid var(--edge);padding-top:18px}.side-bottom p{color:var(--ink)}header{height:80px;background:var(--canvas)!important;border-bottom:1px solid var(--edge);padding-inline:34px}.breadcrumb{font-size:9px;letter-spacing:.1em}.theme-control select,.location{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--edge)!important;border-radius:30px}.demo-banner{background:transparent!important;color:var(--muted)!important;border:0;border-bottom:1px solid var(--edge);border-radius:0;padding:12px 0;margin:0 34px;gap:8px;font-size:11px}.demo-banner strong{color:var(--accent)!important}.demo-banner .dot{background:var(--accent);box-shadow:none}.demo-banner.connection-error strong{color:var(--ink)!important}main{padding:32px 34px 44px;animation:page-reveal .35s ease both}.eyebrow{color:var(--muted)!important;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:none}.page-heading h1{font-size:40px}.page-heading .subtitle{font-size:14px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent)!important;color:var(--canvas)!important;box-shadow:none;border-radius:30px;min-height:48px;font-size:13px}.secondary{border-color:var(--edge);border-radius:30px;min-height:48px}.text-button{color:var(--accent)!important;font-weight:600}.primary:hover,.secondary:hover{transform:translateY(-2px)}.primary,.secondary{transition:transform .18s,box-shadow .18s}.card,.guide-card,.alerts-summary,.test-settings,.notification-card,.install-card,.official-state,.magnitude-legend{background:var(--surface)!important;color:var(--ink);border:1px solid var(--edge);box-shadow:none;border-radius:18px}.card{padding:26px}.atlas-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.atlas-heading h1{font-size:clamp(36px,4.2vw,62px);line-height:1.02;margin:14px 0 0;letter-spacing:-.055em}.atlas-heading h1>span{color:var(--accent)}.atlas-heading p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 3px;text-align:right}.atlas{border:1px solid var(--edge);border-radius:24px;overflow:hidden;background:var(--surface);box-shadow:0 18px 50px #00000012}.atlas-top{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;gap:12px}.atlas-top>span{display:flex;align-items:center;gap:8px;font-size:13px}.atlas-top .icon{color:var(--accent);width:20px}.atlas #home-map{height:360px;margin:0;border-radius:0;z-index:0}.atlas-caption{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.atlas-caption span:first-child{display:flex;align-items:center;gap:7px}.atlas-caption i{display:block;width:8px;height:8px;border-radius:50%;background:var(--accent)}#home-map-status{margin:0;padding:0 20px 12px}#home-map-status:empty{display:none}.atlas-popup{color:#18332f;font-size:13px;line-height:1.5}.atlas-popup button{color:#176958;padding:8px 0;font-weight:650}.atlas-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;padding:22px 0;border-bottom:1px solid var(--edge)}.atlas-metrics>div,.atlas-metrics>a{padding:4px 24px;border-right:1px solid var(--edge)}.atlas-metrics>:first-child{padding-left:0}.atlas-metrics>:last-child{border-right:0}.atlas-metrics>*>span{font-size:11px;color:var(--muted)}.atlas-metrics strong{display:flex;align-items:baseline;gap:12px;font-size:34px;letter-spacing:-.05em;margin-top:8px;font-weight:650}.atlas-metrics small{font-size:11px;font-weight:400;color:var(--muted);letter-spacing:0}.atlas-metrics .icon{color:var(--accent);align-self:center;width:26px;height:26px}.live-update .feed-status{border:0;padding:16px 0;margin:0;background:transparent;box-shadow:none}.live-update .feed-status small{font-size:10px}.live-update .feed-status strong{font-size:12px}.live-update .refresh-feed{font-size:11px;padding:8px 16px}.home-columns{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;margin-top:6px;align-items:stretch}.home-columns .section-head{margin-top:14px}.home-columns .section-head h2{font-size:22px}.home-columns .section-head .eyebrow{margin-bottom:5px}.readiness{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:30px;border-radius:22px;background:var(--muted-surface);margin-top:14px;gap:12px}.readiness h2{font-size:32px;line-height:1.05;margin:18px 0 14px}.readiness p{font-size:12px;color:var(--muted)}.readiness>.seismic-art{width:130px;color:var(--accent);flex-shrink:1;opacity:.7}.section-head h2{font-size:23px}.section-index{color:var(--muted);font-size:10px;letter-spacing:.1em}.category-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:36px}.category-tile{display:block;border-radius:22px;padding:22px;position:relative;overflow:hidden;min-height:300px;transition:transform .25s,box-shadow .25s;color:#18332f}.tile-guide{background:#bae0ca}.tile-test{background:#b8d4e0;color:#233d4e}.tile-practice{background:#e8d6b4;color:#4d3922}.tile-top{display:flex;justify-content:space-between;font-size:11px}.tile-top>span:last-child{font-size:22px;line-height:1}.category-tile>.seismic-art{display:block;width:110px;height:105px;margin:10px 0 12px auto;transition:transform .4s}.category-tile h3{font-size:26px;line-height:1.06;font-weight:650;margin:8px 0 12px;letter-spacing:-.04em}.category-tile p{font-size:11px;margin:0;opacity:.85}.category-tile:hover,.category-tile:focus-visible{transform:translateY(-6px);box-shadow:0 16px 26px #0002}.category-tile:hover>.seismic-art,.category-tile:focus-visible>.seismic-art{transform:translateY(-5px) rotate(-5deg)}.category-tile:active{transform:scale(.98)}.home-install{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;margin-top:26px}.home-install .install-card{margin:0}.home-install>.note{font-size:11px}.magnitude-legend{margin-top:26px}.magnitude-legend .legend-heading{color:var(--ink)}button.quake-record.magnitude-card{--record-surface:var(--surface);--record-text:var(--ink);--record-muted:var(--muted);box-shadow:none;border-radius:16px}.map-toolbar{padding:12px 0}.geo-map{border-radius:22px;border-color:var(--edge);height:480px}.filters{background:var(--surface);border:1px solid var(--edge);border-radius:18px;padding:18px}.chip{border-radius:30px;background:var(--canvas)!important;color:var(--muted)!important;border-color:var(--edge)}.chip.selected{background:var(--accent)!important;color:var(--canvas)!important;border-color:var(--accent)}.event-sheet{background:var(--surface)!important}.sheet-controls{background:var(--surface)}.detail-top{background:var(--canvas)}.event-metrics{background:var(--canvas)}.event-facts{line-height:1.5}.alerts-summary{border-left:4px solid var(--accent);border-radius:0 18px 18px 0}.alerts-summary .summary-symbol,.notification-icon{background:var(--muted-surface);color:var(--accent)}.status-lozenge,.tag{background:var(--muted-surface)!important;color:var(--accent)!important;letter-spacing:.02em;border-radius:30px}.test-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.test-card{display:flex;flex-direction:column;align-items:flex-start;padding:20px;min-height:245px;background:var(--surface)!important;border:1px solid var(--edge);border-radius:20px;transition:transform .2s}.test-card .test-art{align-self:flex-end}.test-card .seismic-art{width:90px;height:80px}.test-card .test-card-text{padding:0}.test-card-text strong{color:var(--ink);font-size:18px}.test-card-text span{color:var(--muted)}.test-card:hover{transform:translateY(-4px);border-color:var(--test-color)}.test-chevron{display:none}.test-settings{margin-top:20px}.notification-card .device-status{background:transparent;border-bottom:1px solid var(--edge)}.official-state{border-left:3px solid var(--accent)}.guide-card{padding:22px;margin-bottom:14px}.guide-card summary{font-size:18px;font-weight:600;display:flex;align-items:center;cursor:pointer}.guide-card p{color:var(--muted);font-size:14px}.checklist label{min-height:58px;border-color:var(--edge)}input[type=checkbox]{accent-color:var(--accent)}.avatar{background:var(--muted-surface);color:var(--accent);border:0;border-radius:14px}.contact{border-color:var(--edge);padding-block:18px}.progress span{background:var(--accent)}.practice .step{background:var(--surface);border:1px solid var(--edge);border-radius:24px}.practice .step-number{color:var(--accent)}.practice-art{color:var(--accent)}dialog{background:var(--surface)!important;color:var(--ink);border:1px solid var(--edge);border-radius:24px}dialog input,dialog select{background:var(--canvas)!important;color:var(--ink)!important;border-color:var(--edge)}.test-screen{background:var(--surface)!important;color:var(--ink)}footer{color:var(--muted);font-size:10px;line-height:1.7;border-top:1px solid var(--edge);margin:0 34px;padding:24px 0}
@keyframes page-reveal{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes tile-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.category-tile{animation:tile-reveal .45s ease both}.category-tile:nth-child(2){animation-delay:.07s}.category-tile:nth-child(3){animation-delay:.14s}
@media(min-width:1500px){.shell{margin-left:225px}}
@media(max-width:1150px){.sidebar{width:190px;padding-inline:14px}.shell{margin-left:190px}.atlas-heading h1{font-size:43px}.home-columns{grid-template-columns:1fr}.readiness{min-height:200px}.readiness h2 br{display:none}.readiness>.seismic-art{width:150px}.category-tile{padding:18px}.category-tile h3{font-size:23px}.home-install{grid-template-columns:1fr}}
@media(max-width:800px){.sidebar{display:none}.shell{margin-left:0}header{height:auto;min-height:76px;padding:12px 18px;padding-top:max(12px,env(safe-area-inset-top));gap:10px;backdrop-filter:none}.mobile-brand{font-size:18px;letter-spacing:-.6px}.mobile-brand svg{width:36px;height:36px}.theme-control{margin:0 0 0 auto}.theme-control select{width:88px;max-width:88px;font-size:11px;padding:8px}.location{min-height:34px;font-size:10px;padding:5px 12px;margin:0 0 0 auto!important}.demo-banner{margin:0 18px;padding:10px 0;font-size:10px;flex-wrap:wrap}.demo-banner>span:last-child{font-size:10px}.demo-banner strong{white-space:normal}main{padding:26px 18px 32px}.atlas-heading{display:block;margin-bottom:22px}.atlas-heading h1{font-size:44px}.atlas-heading p{text-align:left;font-size:11px;margin-top:15px}.atlas-heading p br{display:none}.atlas-heading .eyebrow{font-size:9px}.atlas{border-radius:20px}.atlas-top{padding:6px 13px}.atlas-top>span{font-size:11px}.atlas-top .text-button{font-size:10px;padding:8px 0}.atlas #home-map{height:295px}.atlas-caption{padding:12px 13px;flex-wrap:wrap;font-size:10px;gap:6px}.atlas-metrics{grid-template-columns:1fr 1fr;padding:18px 0;gap:16px}.atlas-metrics>div{padding:0 12px}.atlas-metrics>:nth-child(2){border:0}.atlas-metrics>a{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--edge);border-radius:12px;padding:12px;background:var(--surface)}.atlas-metrics>a strong{margin:0;gap:10px}.atlas-metrics>a .icon{width:20px;height:20px}.atlas-metrics strong{font-size:30px;gap:7px}.atlas-metrics>*>span,.atlas-metrics small{font-size:10px}.live-update .feed-status{gap:10px;align-items:flex-start}.live-update .feed-status strong{font-size:11px}.live-update .feed-status small{font-size:9px}.live-update .refresh-feed{padding:8px 12px;min-height:44px}.home-columns{gap:8px}.home-columns .section-head h2{font-size:21px}.home-columns .section-head>.text-button{font-size:11px}.readiness{padding:24px;min-height:210px;border-radius:20px}.readiness h2{font-size:31px}.readiness h2 br{display:block}.readiness>.seismic-art{width:115px}.section-head{margin-top:30px}.section-head h2{font-size:22px}.section-index{display:none}.category-deck{grid-template-columns:1fr;gap:13px}.category-tile{min-height:190px;padding:22px}.category-tile>.seismic-art{position:absolute;right:18px;top:48px;width:112px;height:110px;margin:0}.category-tile h3{font-size:29px;margin:26px 0 12px;padding-right:95px}.category-tile p{font-size:11px}.tile-top{font-size:10px}.category-tile:hover{transform:translateY(-3px)}.page-heading h1{font-size:33px}.page-heading .subtitle{font-size:13px}.test-cards{grid-template-columns:1fr 1fr;gap:10px}.test-card{padding:15px;min-height:225px}.test-card-text strong{font-size:16px}.test-card-text span{font-size:11px}.test-card .seismic-art{width:72px;height:70px}.test-card-text small{font-size:9px}.geo-map{height:410px;border-radius:20px}.filters{padding:14px}.card{padding:22px}.event-sheet{padding:20px;bottom:calc(83px + env(safe-area-inset-bottom))}.sheet-controls{top:-20px}.magnitude-legend{padding:18px}.home-install{gap:12px}#mobile-nav{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:auto;border:1px solid var(--edge);border-radius:23px;background:var(--surface)!important;box-shadow:0 8px 30px #0003;padding:7px 5px;gap:0;height:68px;backdrop-filter:blur(18px)}#mobile-nav .nav-item{margin:0;padding:6px 4px;min-width:0;min-height:50px;font-size:10px;border-radius:16px;color:var(--muted);gap:4px;transition:background .2s,transform .2s;box-shadow:none}#mobile-nav .nav-item.active{background:var(--muted-surface);color:var(--accent);box-shadow:none}#mobile-nav .nav-item:active{transform:scale(.93)}#mobile-nav .icon{width:22px;height:22px}footer{margin:0 18px;padding-bottom:calc(112px + env(safe-area-inset-bottom));font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.category-tile:hover,.category-tile:focus-visible,.category-tile:hover>.seismic-art,.category-tile:focus-visible>.seismic-art,.sidebar .nav-item:hover{transform:none}}
.catalog-control{display:grid;grid-template-columns:auto minmax(160px,270px);align-items:center;gap:8px 16px;padding:14px 0 22px;font-size:12px;color:var(--muted)}.catalog-control select{margin:0;background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:12px;padding:10px;min-height:44px}.catalog-control small{grid-column:1/-1;line-height:1.6;font-size:11px}.source-statuses{display:grid;gap:8px;margin:20px 0}.source-statuses>div{padding:12px;border:1px solid var(--edge);border-radius:12px}.source-statuses strong,.source-statuses small{display:block;font-size:12px}.source-statuses small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.5}.bulletin{padding:20px 0;border-top:1px solid var(--edge)}.bulletin h3{font-size:20px;line-height:1.4}.bulletin .note{font-size:12px}.device-check{margin-top:20px;padding-top:16px;border-top:1px solid var(--edge)}.device-check summary{cursor:pointer;font-size:13px;line-height:1.6}.device-status strong{font-size:12px}.official-state p{font-size:13px}@media(max-width:430px){.catalog-control{grid-template-columns:1fr}.catalog-control select{width:100%}}