.calendar-bar{display:flex;align-items:center;gap:8px;margin:14px 0}.calendar-bar label{flex:1;font-size:12px;color:#52667c}.calendar-bar input{display:block;width:100%;margin-top:4px;border:1px solid #dce6ef;border-radius:8px;padding:8px;background:white;color:#183655;min-height:40px}.calendar-bar button{min-width:38px;min-height:44px;border-radius:9px;background:#e9f1fb;color:#175da8;padding:8px}button:disabled{opacity:.5}#history-note{margin:8px 0 16px}.demo-extra{display:none!important}
.partial-note{margin-top:10px;padding:9px;border-radius:8px;background:#fff4e3;color:#80571e;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.partial-note small{display:block;font-size:11px}.partial-note summary{cursor:pointer;min-height:36px;padding:8px 0}.day-notice{display:block;width:100%;padding:12px;background:#fff0da;color:#80571e;text-align:left;border-radius:10px;margin-top:12px;min-height:44px}#read-meta{margin-top:-14px;font-size:11px}#install-app{width:100%;min-height:48px;background:#1675ed;color:#fff;border-radius:10px;padding:12px}#install-app:disabled{background:#e8f5f1;color:#367263}button:disabled{cursor:default;opacity:.6}.calendar-bar label{min-width:0}.calendar-bar input{min-width:0;max-width:100%;font-size:16px}.calendar-bar button{min-height:44px}.site-row>span:first-child{min-width:0}.app{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}input,select{font-size:16px}.auth-shell{padding-top:max(24px,env(safe-area-inset-top,0px))}.close{min-width:44px;min-height:44px}#navigation button{min-height:48px}.metric,.submetric strong{overflow-wrap:anywhere}@media(max-width:390px){.calendar-bar{gap:5px}.calendar-bar button{padding:8px;min-width:38px}.calendar-bar label{font-size:12px}.card{padding:14px 10px}.submetric strong{font-size:20px}.section-title h2{font-size:17px}.app{padding-left:12px;padding-right:12px}}@media(display-mode:standalone){.app{padding-top:max(22px,env(safe-area-inset-top,0px))}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.traffic-down{color:#b42318!important}.same-period{font-size:12px;line-height:1.6;margin-top:9px;overflow-wrap:anywhere}.same-period small{display:block;font-size:11px;color:#52667c}.same-period.muted{color:#68778a}.traffic-alert{border-left:4px solid #b42318;background:#fff1f0;padding:12px;color:#b42318}.site-row .site-value{min-width:0;max-width:57%}.site-row .same-period{font-size:11px}.site-row .same-period small{font-size:10px}
.desktop-only{display:none}
/* Desktop is opt-in by viewport. Original phone styles above stay unchanged. */
@media(min-width:1000px){
 .app{max-width:1680px;width:calc(100% - 48px);margin:24px auto;padding:30px 32px 110px;border-radius:18px}
 .app>header{margin-bottom:22px}header h1{font-size:29px}.app>.segments{max-width:510px}
 .calendar-bar{max-width:510px}.app>.status{margin-bottom:18px}.footnote,.note{font-size:12px}
 #overview:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
 #overview>.section-title,#today,#overview>.desktop-only,#overview>.footnote{grid-column:1/-1}
 #overview>.section-title{margin:0}#overview>.panel,#overview>.difference{margin:0;min-width:0}
 #overview>.panel:not(.yesterday){grid-column:1/-1}
 #today{gap:20px}#today>.card{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;padding:24px}
 #today .card h3,#today .card>.timestamp,#today .card>.partial-note{grid-column:1/-1}
 #today .metric-label{grid-column:1;grid-row:2}#today .metric{grid-column:1;grid-row:3;font-size:38px}
 #today .same-period{grid-column:1;grid-row:4;font-size:13px}
 #today .submetric{grid-column:2;margin:0;padding:12px 0;border-top:0}
 #today .same-period+.submetric{grid-row:2/4}#today .submetric+.submetric{grid-row:4}
 #today .submetric strong{font-size:25px}.card h3{font-size:16px}.card .timestamp{font-size:11px}
 .difference{padding:24px}.difference-row b{font-size:28px}.difference-row span{font-size:14px}
 .yesterday .metric{font-size:30px}.section-title>span{font-size:12px}
 .desktop-only{display:block}.desktop-toolbar{display:flex;gap:10px;margin:16px 0;align-items:center}
 .desktop-toolbar input,.desktop-toolbar select{margin:0;border:1px solid #d8e3ee;border-radius:9px;padding:10px 12px;background:#fff;color:#233e5e;min-height:44px;font-size:13px}
 .desktop-toolbar input{flex:1;min-width:160px}.desktop-toolbar select{width:auto;max-width:230px}
 .desktop-scroll{overflow:auto;max-width:100%;border:1px solid #e1eaf3;border-radius:10px}
 .desktop-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
 .desktop-table td,.desktop-table th{padding:14px 12px;text-align:right;border-bottom:1px solid #e8eef5}
 .desktop-table thead th{position:sticky;top:0;z-index:1;background:#f0f5fb;color:#67809c;font-weight:550;font-size:12px}
 .desktop-table th:first-child,.desktop-table td:first-child{text-align:left}.desktop-table tbody th{font-weight:500;min-width:185px}
 .desktop-table tbody tr:hover{background:#f7faff}.desktop-table button{color:#1768be;padding:0;text-align:left;font-weight:600;min-height:26px}
 .desktop-table small{display:block;color:#7d8fa4;font-weight:400;font-size:11px;margin-top:5px;max-width:225px;white-space:normal;overflow-wrap:anywhere}
 .desktop-table .desktop-section-row th{text-align:left;background:#edf4fc;color:#4a6787;font-weight:650}
 .desktop-table td:last-child{text-align:left}.desktop-table th:last-child{text-align:left}
 .desktop-badge{display:inline-block;background:#e8f5f0;color:#347765;border-radius:5px;padding:3px 7px;font-size:11px}
 .desktop-badge.warning{color:#97621f;background:#fff1dc}.desktop-chart{max-height:280px}
 #navigation{width:min(calc(100% - 48px),1680px);padding:10px 24px 14px;border:1px solid #dbe5f1;border-radius:12px 12px 0 0;box-shadow:0 -4px 18px #203d6510}
 #navigation button{flex-direction:row;justify-content:center;gap:10px;font-size:14px}
 #trends>.panel:not(.desktop-only){display:none}#chart-modes{max-width:450px}
 #site-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#site-list>.site-heading{grid-column:1/-1}
 .site-row{margin:0;align-items:flex-start}.site-row .site-value{max-width:57%}.search{max-width:550px}
 #settings>.panel{max-width:900px}dialog{max-width:1250px;width:calc(100% - 80px);padding:28px}.detail-grid{grid-template-columns:repeat(4,1fr)}
 .desktop-detail-columns{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,2fr);gap:24px;margin-top:24px}
 .desktop-detail-scroll{max-height:420px;overflow:auto}.desktop-detail-scroll .mini-table{min-width:100%}
 .desktop-detail-scroll .mini-table th{white-space:nowrap}.desktop-detail-scroll td.domain-cell{min-width:170px}
 .desktop-unavailable{padding:22px;background:#f4f7fb;border-radius:9px}.desktop-fallen-title{margin-top:24px}
 .desktop-fallen{padding-left:18px;font-size:13px;line-height:1.8}.desktop-fallen small{display:block;color:#788ca4}
}
@media(min-width:1000px) and (max-width:1250px){.app{padding-left:20px;padding-right:20px}#site-list{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-table{min-width:1100px}}