:root{--bg-base: #111111;--bg-surface: #1c1c1c;--bg-elevated: #252525;--border: #2e2e2e;--border-focus: #555555;--text-primary: #f0f0f0;--text-secondary: #909090;--text-muted: #4d4d4d;--accent: #767676;--accent-dim: rgba(118, 118, 118, 0.1);--color-home: #6b9fd4;--color-home-dim: rgba(107, 159, 212, 0.11);--color-wiki: #c97a7a;--color-wiki-dim: rgba(201, 122, 122, 0.11);--color-dashboard: #c98b5a;--color-dashboard-dim: rgba(201, 139, 90, 0.11);--color-squirrel: #5fa87a;--color-squirrel-dim: rgba(95, 168, 122, 0.11);--color-weather: #9b7ec8;--color-weather-dim: rgba(155, 126, 200, 0.11);--card-color: #767676;--card-color-dim: rgba(118, 118, 118, 0.1);--card-shadow: 0 2px 16px rgba(0, 0, 0, 0.5);--radius-card: 14px;--radius-icon: 10px;--transition: 500ms cubic-bezier(0.4, 0, 0.2, 1)}[data-theme=light]{--bg-base: #f5f5f5;--bg-surface: #ffffff;--bg-elevated: #fff;--border: #d4d4d4;--border-focus: #9ca3af;--text-primary: #111111;--text-secondary: #555555;--text-muted: #a3a3a3;--accent: #6b7280;--accent-dim: rgba(107, 114, 128, 0.08);--card-color: #6b7280;--card-color-dim: rgba(107, 114, 128, 0.08);--card-shadow: 0 2px 12px rgba(0, 0, 0, 0.08)}[data-service=home]{--card-color: var(--color-home);--card-color-dim: var(--color-home-dim)}[data-service=wiki]{--card-color: var(--color-wiki);--card-color-dim: var(--color-wiki-dim)}[data-service=dashboard]{--card-color: var(--color-dashboard);--card-color-dim: var(--color-dashboard-dim)}[data-service=squirrel]{--card-color: var(--color-squirrel);--card-color-dim: var(--color-squirrel-dim)}[data-service=weather]{--card-color: var(--color-weather);--card-color-dim: var(--color-weather-dim)}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:"Space Grotesk",system-ui,sans-serif;background-color:var(--bg-base);color:var(--text-primary);min-height:100dvh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:background-color var(--transition),color var(--transition);transition:background-color var(--transition),color var(--transition);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.material-symbols-rounded{font-family:"Material Symbols Rounded";font-weight:normal;font-style:normal;font-size:1rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 24;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.site-header{position:sticky;top:0;z-index:100;background-color:var(--bg-surface);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-inner{max-width:960px;margin:0 auto;padding:0 1.5rem;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.site-identity{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.6rem}.site-logo{font-size:1.5rem;color:var(--accent)}.site-name{font-size:1rem;font-weight:600;letter-spacing:.03em;color:var(--color-weather)}.theme-toggle{background:none;border:1px solid var(--border);border-radius:8px;width:38px;height:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;color:var(--text-secondary);-webkit-transition:border-color var(--transition),color var(--transition),background var(--transition);transition:border-color var(--transition),color var(--transition),background var(--transition)}.theme-toggle .material-symbols-rounded{font-size:1.2rem}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.main-content{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:960px;margin:0 auto;padding:3rem 1.5rem 4rem;width:100%}.services-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width: 560px){.services-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 800px){.services-grid{grid-template-columns:repeat(3, 1fr)}}.service-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:left;gap:1rem;padding:.85rem;overflow:hidden;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-card);-webkit-box-shadow:var(--card-shadow);box-shadow:var(--card-shadow);cursor:pointer;position:relative;-webkit-transition:border-color var(--transition),background var(--transition),-webkit-transform var(--transition),-webkit-box-shadow var(--transition);transition:border-color var(--transition),background var(--transition),-webkit-transform var(--transition),-webkit-box-shadow var(--transition);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),background var(--transition);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),background var(--transition),-webkit-transform var(--transition),-webkit-box-shadow var(--transition)}.service-card:hover,.service-card:focus-visible{-webkit-box-shadow:0 20px 32px -10px rgba(0,0,0,.25),0 0 0px 1px var(--card-color),0 0 10px -3px var(--card-color);box-shadow:0 20px 32px -10px rgba(0,0,0,.25),0 0 0px 1px var(--card-color),0 0 10px -3px var(--card-color);background:var(--bg-elevated)}.service-card:hover::before,.service-card:focus-visible::before{border-top-color:var(--card-color)}.service-card:hover .card-icon,.service-card:focus-visible .card-icon{color:var(--card-color)}.service-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.service-card:active{-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media(min-width: 560px){.service-card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;padding:1.3rem}}.card-icon-wrap{-ms-flex-negative:0;flex-shrink:0;width:55px;height:55px;background:var(--card-color-dim);border-radius:var(--radius-icon);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.card-icon{max-width:100%;font-size:2rem;color:var(--card-color);-webkit-transition:color var(--transition),-webkit-transform var(--transition);transition:color var(--transition),-webkit-transform var(--transition);transition:color var(--transition),transform var(--transition);transition:color var(--transition),transform var(--transition),-webkit-transform var(--transition)}@media(min-width: 560px){.card-icon{width:100%;max-width:100%}}.card-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;-ms-flex-positive:1;flex-grow:1}.card-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1rem;min-width:0}.card-body .temperature,.card-body .description{display:none}@media(min-width: 560px){.card-body{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:none;flex:none;min-width:unset;width:100%}.card-body .temperature,.card-body .description{display:block}}.card-title{font-size:.95rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(min-width: 560px){.card-title{font-size:1.2rem}}.card-url{font-size:.72rem;font-weight:500;color:var(--card-color);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card-desc{font-size:.75rem;color:var(--text-muted);margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@-webkit-keyframes status-pulse{0%,100%{opacity:1}50%{opacity:.25}}@keyframes status-pulse{0%,100%{opacity:1}50%{opacity:.25}}.status-wrap{position:absolute;top:0rem;right:0rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:11px;border-radius:0 0 0px 7px}.status-dot{--clr-online: #12e755;--clr-offline: #ff2b2b;width:5px;height:5px;border-radius:50%;-webkit-transition:background var(--transition),-webkit-box-shadow var(--transition);transition:background var(--transition),-webkit-box-shadow var(--transition);transition:background var(--transition),box-shadow var(--transition);transition:background var(--transition),box-shadow var(--transition),-webkit-box-shadow var(--transition)}.status-dot.status--checking{background:#444;-webkit-animation:status-pulse 1.4s ease-in-out infinite;animation:status-pulse 1.4s ease-in-out infinite}.status-dot.status--online{background:var(--clr-online);-webkit-box-shadow:0 0 10px 0 var(--clr-online);box-shadow:0 0 10px 0 var(--clr-online)}.status-dot.status--offline{background:var(--clr-offline);-webkit-box-shadow:0 0 10px 0 var(--clr-offline);box-shadow:0 0 10px 0 var(--clr-offline)}