.wd{margin-left:var(--sidebar-width);min-height:100vh;background:linear-gradient(180deg,var(--bg-primary) 0%,#010508 100%)}@media(max-width:768px){.wd{margin-left:0}}.wd-header{position:relative;padding:var(--space-12) var(--space-8);overflow:hidden}@media(max-width:768px){.wd-header{padding:var(--space-6) var(--space-4);padding-top:calc(var(--space-6) + 52px)}.wd-header__top{flex-direction:column;gap:var(--space-4)}.wd-header__nav{width:100%;justify-content:flex-start}.wd-header__nav-link span{display:none}.wd-header__nav-link{padding:var(--space-2)}.wd-header__meta{gap:var(--space-2)}.wd-header__separator{display:none}}.wd-header__glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:600px;height:300px;background:radial-gradient(ellipse,var(--accent-glow) 0%,transparent 60%);pointer-events:none;opacity:.5}.wd-header__content{position:relative;z-index:1;max-width:1100px;margin:0 auto}.wd-header__top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-4)}.wd-header__left{flex:1}.wd-header__brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.wd-header__bar{width:4px;height:24px;background:var(--accent);border-radius:2px;box-shadow:0 0 12px var(--accent-glow)}.wd-header__brand-text{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.2em;color:var(--accent);text-shadow:0 0 15px var(--accent-glow)}.wd-header__title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.1;color:var(--text-primary)}.wd-header__accent{color:var(--accent);text-shadow:0 0 25px var(--accent-glow)}.wd-header__nav{display:flex;gap:var(--space-2);flex-shrink:0}.wd-header__nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#00e5cc0d;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;font-size:var(--font-size-xs);font-weight:500;transition:all var(--transition-fast)}.wd-header__nav-link:hover{background:#00e5cc1a;border-color:var(--accent);color:var(--accent)}.wd-header__nav-link svg{width:14px;height:14px;opacity:.6}.wd-header__nav-link:hover svg{opacity:1}.wd-header__nav-link--back{background:transparent;border-color:transparent}.wd-header__nav-link--back:hover{background:var(--bg-secondary);border-color:var(--border)}.wd-header__meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.wd-header__date{font-size:var(--font-size-sm);color:var(--text-secondary)}.wd-header__separator{color:var(--border-light)}.wd-header__time{font-size:var(--font-size-sm);color:var(--text-muted);font-family:var(--font-mono)}.wd-header__moon{display:flex;align-items:center;gap:var(--space-2)}.wd-header__moon-emoji{font-size:var(--font-size-base)}.wd-header__moon-name{font-size:var(--font-size-sm);color:var(--text-muted)}.wd-header__king-tide{font-size:10px;font-weight:600;padding:2px var(--space-2);background:var(--warning-bg);color:var(--warning);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;animation:wd-pulse 2s ease-in-out infinite}@keyframes wd-pulse{0%,to{opacity:1}50%{opacity:.6}}.wd-section{max-width:1100px;margin:0 auto;padding:0 var(--space-8) var(--space-8)}@media(max-width:768px){.wd-section{padding:0 var(--space-4) var(--space-6)}}.wd-section__title{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-4)}.wd-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}@media(max-width:640px){.wd-summary{grid-template-columns:1fr}}.wd-summary-card{display:flex;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(8,20,32,.7) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.wd-summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.wd-summary-card__indicator{width:6px;flex-shrink:0}.wd-summary-card--green .wd-summary-card__indicator{background:linear-gradient(180deg,var(--success) 0%,rgba(0,230,118,.4) 100%);box-shadow:0 0 20px var(--success-glow)}.wd-summary-card--yellow .wd-summary-card__indicator{background:linear-gradient(180deg,var(--warning) 0%,rgba(255,213,79,.4) 100%);box-shadow:0 0 20px var(--warning-glow)}.wd-summary-card--red .wd-summary-card__indicator{background:linear-gradient(180deg,var(--danger) 0%,rgba(255,82,82,.4) 100%);box-shadow:0 0 20px var(--danger-glow)}.wd-summary-card__content{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.wd-summary-card__count{font-size:var(--font-size-3xl);font-weight:700;line-height:1;font-family:var(--font-mono)}.wd-summary-card__count--loading{opacity:.5;animation:wd-pulse 1.5s ease-in-out infinite}.wd-summary-card--green .wd-summary-card__count{color:var(--success);text-shadow:0 0 25px var(--success-glow)}.wd-summary-card--yellow .wd-summary-card__count{color:var(--warning);text-shadow:0 0 25px var(--warning-glow)}.wd-summary-card--red .wd-summary-card__count{color:var(--danger);text-shadow:0 0 25px var(--danger-glow)}.wd-summary-card__label{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase}.wd-summary-card__sites{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.wd-alerts{display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--warning-bg);border:1px solid rgba(255,213,79,.3);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.wd-alerts__icon{flex-shrink:0}.wd-alerts__icon svg{width:24px;height:24px;color:var(--warning)}.wd-alerts__content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.wd-alerts__title{font-size:var(--font-size-sm);font-weight:600;color:var(--warning)}.wd-alerts__list{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6)}.wd-alerts__item{font-size:var(--font-size-sm);color:var(--text-secondary);cursor:help;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.wd-alerts__item:hover{background:#ffd54f26}.wd-sites{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-5);align-items:start}@media(max-width:480px){.wd-sites{grid-template-columns:1fr}}.wd-site{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(8,20,32,.7) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);transition:all var(--transition-base);border-top:3px solid var(--border)}.wd-site--green{border-top-color:var(--success)}.wd-site--green:hover{box-shadow:0 4px 20px var(--success-glow)}.wd-site--yellow{border-top-color:var(--warning)}.wd-site--yellow:hover{box-shadow:0 4px 20px var(--warning-glow)}.wd-site--red{border-top-color:var(--danger)}.wd-site--red:hover{box-shadow:0 4px 20px var(--danger-glow)}.wd-site:hover{border-color:var(--border-light)}.wd-site--loading{min-height:280px}.wd-site__skeleton{height:100%;background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;border-radius:var(--radius-md);animation:wd-shimmer 1.5s ease-in-out infinite}@keyframes wd-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wd-site__header{display:flex;justify-content:space-between;align-items:flex-start}.wd-site__name-link{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:inherit}.wd-site__name-link:hover .wd-site__name{color:var(--accent)}.wd-site__name-link:hover .wd-site__external{opacity:1}.wd-site__name{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0;transition:color var(--transition-fast)}.wd-site__external{width:14px;height:14px;opacity:.4;transition:opacity var(--transition-fast)}.wd-site__region{font-size:var(--font-size-xs);color:var(--text-muted);display:block;margin-top:2px}.wd-site__badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.1em;font-family:var(--font-mono)}.wd-site__badge--green{background:var(--success-bg);color:var(--success);box-shadow:0 0 10px var(--success-glow)}.wd-site__badge--yellow{background:var(--warning-bg);color:var(--warning);box-shadow:0 0 10px var(--warning-glow)}.wd-site__badge--red{background:var(--danger-bg);color:var(--danger);box-shadow:0 0 10px var(--danger-glow)}.wd-site__main{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-2) 0}.wd-site__icon{font-size:1.5rem}.wd-site__temp{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1;font-family:var(--font-mono);text-shadow:0 0 30px var(--accent-dim)}.wd-site__condition{font-size:var(--font-size-sm);color:var(--text-muted)}.wd-site__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.wd-site__metric{display:flex;flex-direction:column;padding:var(--space-3);background:linear-gradient(135deg,rgba(0,229,204,.03) 0%,transparent 100%);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.wd-site__metric:hover{border-color:var(--border-light)}.wd-site__metric--warning{background:var(--warning-bg);border-color:#ffd54f4d}.wd-site__metric-value{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.wd-site__metric-label{font-size:var(--font-size-xs);color:var(--text-muted)}.wd-site__tides{display:flex;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--border);font-size:var(--font-size-sm)}.wd-site__tide{color:var(--text-secondary)}.wd-site__tide strong{color:var(--accent);font-weight:600}.wd-site__alerts{display:flex;flex-wrap:wrap;gap:var(--space-2)}.wd-site__alert{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);background:var(--warning-bg);color:var(--warning);border-radius:var(--radius-md);cursor:help}.wd-site__footer{padding-top:var(--space-3);border-top:1px solid var(--border)}.wd-site__reason{font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic}.wd-site__error{padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-muted)}.wd-footer{max-width:1100px;margin:0 auto;padding:var(--space-8);display:flex;justify-content:center;border-top:1px solid var(--border);position:relative}.wd-footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent) 50%,transparent 100%)}.wd-footer__brand{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted)}.wd-footer__text{font-weight:600;color:var(--accent);text-shadow:0 0 15px var(--accent-glow)}.wd-error{text-align:center;padding:var(--space-10);background:var(--danger-bg);border:1px solid rgba(255,82,82,.3);border-radius:var(--radius-lg)}.wd-error p{color:var(--danger);margin-bottom:var(--space-2)}.wd-error__detail{font-size:var(--font-size-sm);color:var(--text-muted)}