:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#e2e8f0;background-color:#0b1224;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(34,211,238,.08),transparent 25%),radial-gradient(circle at 80% 0%,rgba(168,85,247,.08),transparent 25%),#0b1224}a{color:inherit}#root{min-height:100vh}.page{min-height:100vh;padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem}.page__header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.page__title{margin:.2rem 0 .3rem;font-size:clamp(2rem,2vw + 1rem,3rem);letter-spacing:-.02em}.page__subtitle{margin:0;color:#94a3b8}.page__hint{margin:0;color:#cbd5e1;font-size:.95rem;max-width:24rem;text-align:right}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#22d3ee}.layout{display:grid;grid-template-columns:7fr 3fr;grid-template-rows:auto auto 1fr;grid-template-areas:"debug debug" "weather weather" "photos announcements";gap:1rem;flex:1}.layout__debug{grid-area:debug}.layout__weather{grid-area:weather}.layout__photos{grid-area:photos}.layout__announcements{grid-area:announcements}.pane{background:#0f172ab3;border:1px solid rgba(148,163,184,.25);border-radius:18px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:.75rem;box-shadow:0 12px 40px #00000059}.pane__header{display:flex;align-items:center;gap:.6rem}.pane__pill{width:14px;height:14px;border-radius:999px;background:var(--accent);box-shadow:0 0 20px var(--accent)}.pane__title{margin:0;font-size:1.05rem;letter-spacing:.02em}.pane__body{flex:1;display:flex;align-items:stretch}.weather{display:flex;flex-direction:column;gap:.8rem;background:linear-gradient(135deg,#38bdf826,#3b82f61a);border-radius:14px;padding:1rem 1.25rem;width:100%}.weather--wide{display:grid;grid-template-columns:minmax(260px,1fr) 2fr;grid-template-rows:auto 1fr;align-items:stretch;gap:1rem}.weather__summary{display:flex;flex-direction:column;gap:.8rem}.weather__top{display:flex;align-items:center;gap:1.5rem}.weather__temps{display:flex;flex-direction:column;gap:.3rem;flex-shrink:0}.weather__temp-main{font-size:clamp(2.8rem,3.2vw,3.6rem);font-weight:800;display:flex;align-items:center;gap:.5rem}.weather__temp-sub{font-size:.95rem;color:#cbd5e1}.weather__info{display:flex;flex-direction:column;gap:.2rem;flex:1}.weather__condition{font-weight:600}.weather__location{color:#94a3b8;font-size:.95rem}.weather__range{color:#cbd5e1;font-size:.9rem}.weather__badge{font-size:.75rem;padding:.2rem .5rem;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:#ffffff14;color:#e2e8f0;line-height:1.2}.weather__badge--live{border-color:#22c55e99;color:#bbf7d0}.weather__badge--error{border-color:#f8717199;color:#fecdd3}.forecast{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.6rem}.weather--wide .forecast{grid-column:2;align-self:start;grid-template-columns:repeat(5,minmax(120px,1fr))}.forecast__day{background:#ffffff08;border:1px solid rgba(148,163,184,.2);border-radius:10px;padding:.45rem .55rem;display:flex;flex-direction:column;gap:.3rem;font-size:.82rem}.forecast__date{font-weight:700;font-size:.8rem}.forecast__temps{display:flex;gap:.4rem;color:#cbd5e1;font-size:.82rem}.forecast__meta{display:flex;flex-direction:column;gap:.2rem;color:#cbd5e1;font-size:.72rem}.forecast__legend{display:flex;gap:1rem;font-size:.75rem;color:#94a3b8;padding-top:.3rem;border-top:1px solid rgba(148,163,184,.15)}.weather--wide .forecast__legend{grid-column:2;align-self:start}.carousel{position:relative;flex:1;border-radius:14px;overflow:hidden;display:flex;align-items:flex-end;color:#0b1224}.carousel__content{background:#ffffffeb;width:100%;padding:1rem 1.25rem}.carousel__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.carousel__title{font-size:1.2rem;font-weight:700}.carousel__note{margin-top:.2rem;color:#475569}.carousel__dots{display:flex;gap:.35rem;margin-top:.6rem}.dot{width:10px;height:10px;border-radius:50%;background:#0f172a4d;transition:all .2s ease}.dot--active{width:16px;border-radius:999px;background:#0f172acc}.announcements{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.announcements__item{background:#ffffff0a;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.15rem}.announcements__title{font-weight:700}.announcements__detail{color:#cbd5e1}.website__frame{width:100%;height:100%;border:none;border-radius:12px;background:#0b1224}.debug{display:flex;flex-direction:column;gap:.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;color:#cbd5e1}.debug__row{display:flex;gap:1rem;flex-wrap:wrap}.debug__ua{color:#94a3b8}@media(max-width:720px){.layout{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"debug" "weather" "photos" "announcements"}.page__header{flex-direction:column;align-items:flex-start}.page__hint{text-align:left}}