.ao-page{--bg:#eef3f9;--card:#ffffff;--text:#0d1f33;--subtle:#5a7fa8;--blue:#0D5BAA;--border:#dbe8f5;font-family:'IBM Plex Sans',sans-serif}.is-night .ao-page{--bg:#0b1929;--card:#132a42;--text:#e2ecf5;--subtle:#8aa5c0;--blue:#5b9fd6;--border:#1e3a56}.ao-page{max-width:900px;margin:0 auto;padding:28px 32px 60px;background:var(--bg);min-height:60vh}.ao-page .page-breadcrumb{max-width:none;margin:0}.ao-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--subtle);font-size:14px;gap:16px}.ao-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:ao-spin 0.8s linear infinite}@keyframes ao-spin{to{transform:rotate(360deg)}}.ao-content{display:flex;flex-direction:column;gap:18px}h2.ao-section-heading{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:500;margin:0 0 10px 0;padding:0}.ao-header{margin-bottom:4px}.ao-header h1{font-size:24px;font-weight:700;color:var(--text);margin:0 0 4px}.ao-subtitle{font-size:14px;color:var(--subtle);font-weight:400;margin:0}.ao-current{background:linear-gradient(160deg,#071e3d,#0c2d5a 50%,#0f3668);border-radius:14px;padding:18px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#fff}.is-night .ao-current{background:linear-gradient(160deg,#050f1e,#091c38 50%,#0a2244)}.ao-cur-cell{display:flex;align-items:center;gap:4px}.ao-cur-icon-cell{flex-shrink:0}.ao-cur-icon-cell svg,.ao-cur-icon-cell img{width:44px;height:44px}.ao-cur-temp{font-size:36px;font-weight:200;line-height:1;letter-spacing:-.03em;flex-shrink:0}.ao-cur-desc{font-size:16px;font-weight:400;color:rgb(255 255 255 / .88);flex:1;min-width:100px}.ao-cur-meta{font-size:13px;color:rgb(255 255 255 / .5);font-weight:500;white-space:nowrap}.ao-cur-meta svg{display:inline-block;vertical-align:middle}.ao-day-tabs{display:flex;gap:6px;flex-wrap:wrap}.ao-day-tabs button,.ao-day-tabs .ao-tab{display:inline-flex;align-items:center;gap:4px;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:7px 16px;font-family:'IBM Plex Sans',sans-serif;font-size:12px;font-weight:700;color:var(--subtle);cursor:pointer;transition:all 0.18s}.ao-day-tabs button:hover,.ao-day-tabs .ao-tab:hover{border-color:var(--blue);color:var(--blue)}.ao-day-tabs button.is-active,.ao-day-tabs button.active,.ao-day-tabs .ao-tab.is-active,.ao-day-tabs .ao-tab.active{background:var(--blue);border-color:var(--blue);color:#fff}.ao-table-header{display:grid;grid-template-columns:70px 44px 60px 68px 58px 1fr 66px 36px;align-items:center;gap:0;padding:10px 14px;background:var(--card);border:1px solid var(--border);border-radius:14px 14px 0 0;position:sticky;top:60px;z-index:10}.ao-th{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--subtle)}.ao-th-icon{text-align:center}.ao-rows{background:var(--card);border:1px solid var(--border);border-top:none;border-radius:0 0 14px 14px;overflow:hidden}.ao-day-group{display:none}.ao-day-group.active{display:block}.ao-row{border-bottom:1px solid var(--border);transition:background 0.15s}.ao-row:last-child{border-bottom:none}.ao-row-main{display:grid;grid-template-columns:70px 44px 60px 68px 58px 1fr 66px 36px;align-items:center;padding:11px 14px;cursor:pointer;user-select:none;transition:background 0.15s}.ao-row-main:hover{background:var(--bg)}.ao-row-main:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.ao-row--now .ao-row-main{background:rgb(13 91 170 / .06);border-left:3px solid var(--blue)}.is-night .ao-row--now .ao-row-main{background:rgb(91 159 214 / .08)}.ao-row:not(:has(.ao-row-main)){display:grid;grid-template-columns:70px 44px 60px 68px 58px 1fr 66px 36px;align-items:center;padding:11px 14px}.ao-row:not(:has(.ao-row-main)):hover{background:var(--bg)}.ao-cell{font-size:14px}.ao-time,.ao-r-time{font-size:13px;font-weight:700;color:var(--text)}.ao-row--now .ao-time{color:var(--blue)}.ao-icon,.ao-r-icon{display:flex;align-items:center;justify-content:center}.ao-r-icon svg,.ao-r-icon img{width:28px;height:28px}.ao-temp,.ao-r-temp{font-size:15px;font-weight:700;color:var(--blue)}.ao-feels{font-size:13px;color:var(--subtle)}.ao-rain,.ao-r-rain{font-size:12px;color:var(--subtle);display:flex;align-items:center;gap:3px}.ao-wind{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--subtle)}.ao-wind-arrow{display:inline-block;line-height:1;color:var(--blue)}.ao-hum{font-size:13px;color:var(--subtle)}.ao-chevron{text-align:center;color:var(--subtle);font-size:12px;transition:transform 0.25s ease}.ao-row.expanded .ao-chevron{transform:rotate(180deg)}.ao-r-desc{font-size:13px;color:var(--subtle)}.ao-row-detail{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;background:var(--bg);border-bottom:1px solid var(--border)}.ao-row.expanded .ao-row-detail{max-height:200px;padding:12px 14px 16px}.ao-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 20px}.ao-detail-item{display:flex;flex-direction:column;gap:2px}.ao-detail-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--subtle);font-weight:700}.ao-detail-value{font-size:14px;color:var(--text);font-weight:500}.ao-update{text-align:center;font-size:11px;color:var(--subtle);padding:12px 0 0}@media (max-width:768px){.ao-page{padding:16px 16px 40px}.ao-current{padding:16px 18px;gap:12px}.ao-cur-temp{font-size:30px}.ao-table-header,.ao-row-main,.ao-row:not(:has(.ao-row-main)){grid-template-columns:55px 38px 52px 1fr 50px;gap:8px;padding:10px 10px}.ao-th-feels,.ao-th-wind,.ao-th-hum,.ao-th-chev,.ao-feels,.ao-wind,.ao-hum,.ao-chevron{display:none}.ao-detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.ao-page{padding:12px 12px 32px}.ao-header h1{font-size:20px}.ao-current{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}.ao-cur-temp{font-size:28px}.ao-day-tabs{gap:4px}.ao-day-tabs button,.ao-day-tabs .ao-tab{padding:5px 12px;font-size:11px}.ao-table-header,.ao-row-main,.ao-row:not(:has(.ao-row-main)){grid-template-columns:44px 32px 44px 1fr;gap:6px;padding:8px 8px}.ao-r-rain,.ao-rain{display:none}.ao-detail-grid{grid-template-columns:1fr 1fr}}