:root{--paper:#f5efe1;--surface:#fffdf8;--surface-strong:#fff7ea;--ink:#1d2b2a;--muted:#5d6c69;--line:#d8c9ac;--accent:#14532d;--accent-soft:#d8f0d0;--warning:#b42318;--warning-soft:#fde8e4;--success:#17603a;--success-soft:#e3f7e8;--shadow:0 18px 55px #2934261f;--sans:"Trebuchet MS", "Segoe UI", sans-serif;--display:Georgia, "Times New Roman", serif;--mono:"Cascadia Code", Consolas, monospace;font-family:var(--sans);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#f7d97a6b,#0000 28%),linear-gradient(#f7f1e5 0%,#efe4ca 100%);font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit}button,input,select{font:inherit}h1,h2,h3,p{margin:0}code{font-family:var(--mono);background:#14532d14;border-radius:999px;padding:.2rem .45rem;font-size:.92rem}#app{min-height:100vh}.app-shell{width:min(1160px,100% - 2rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffdf8f0;border:1px solid #d8c9ace6;border-radius:28px;margin:1rem auto;padding:1.5rem}.topbar{color:#fff7ea;background:linear-gradient(135deg,#14532df2,#27543bd6),linear-gradient(#ffffff26,#0000);border-radius:24px;grid-template-columns:2fr 1fr;gap:1.5rem;padding:1.5rem;display:grid}.eyebrow{letter-spacing:.22em;text-transform:uppercase;opacity:.78;font-size:.8rem}.topbar h1{font-family:var(--display);margin-top:.4rem;font-size:clamp(2.1rem,3.6vw,3.4rem);line-height:1.05}.intro{color:#fff7eaeb;max-width:60ch;margin-top:.85rem;font-size:1rem}.auth-panel{background:#fff7ea1f;border:1px solid #fff7ea47;border-radius:18px;align-self:stretch;padding:1.1rem}.status-label{text-transform:uppercase;letter-spacing:.16em;font-size:.85rem}.status-text{margin-top:.55rem;font-size:.98rem}.auth-actions{margin-top:1rem}.main-nav{flex-wrap:wrap;gap:.8rem;margin:1.25rem 0;display:flex}.main-nav a{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.8rem 1rem;font-weight:600;text-decoration:none;transition:transform .18s,background .18s,border-color .18s}.main-nav a.router-link-active{border-color:var(--accent);background:var(--accent-soft)}.main-nav a:hover{transform:translateY(-1px)}.page-shell{background:linear-gradient(#ffffffd6,#fff9edf5);border:1px solid #d8c9ace6;border-radius:24px;padding:1.35rem}.page-heading{margin-bottom:1.2rem}.page-heading h2{font-family:var(--display);margin-top:.3rem;font-size:2rem}.content-grid{grid-template-columns:1.3fr 1fr;gap:1.25rem;display:grid}.card,.panel,.info-card{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:1.2rem}.card h3,.panel h3,.info-card h3{font-family:var(--display);margin-bottom:.65rem;font-size:1.4rem}.muted{color:var(--muted)}.bullet-list{color:var(--muted);padding-left:1.2rem}.bullet-list li+li{margin-top:.55rem}.highlight-banner,.success-banner,.warning-banner{border:1px solid #0000;border-radius:18px;margin-bottom:1rem;padding:.95rem 1rem}.highlight-banner{background:#f4ead0;border-color:#d8c9ac}.success-banner{color:var(--success);background:var(--success-soft);border-color:#17603a3d}.warning-banner{color:var(--warning);background:var(--warning-soft);border-color:#b423182e}.library-layout{grid-template-columns:1.35fr .85fr;gap:1.25rem;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.field{flex-direction:column;gap:.45rem;display:flex}.field.full-width{grid-column:1/-1}.field label{font-weight:700}.field input,.field select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffdfa;border-radius:14px;padding:.85rem .95rem}.field input:focus,.field select:focus{border-color:var(--accent);outline:2px solid #14532d2e}.helper-text{color:var(--muted);font-size:.92rem}.error-text{color:var(--warning);font-size:.92rem;font-weight:700}.checkbox-row{align-items:center;gap:.65rem;display:flex}.action-row{flex-wrap:wrap;gap:.8rem;margin-top:1rem;display:flex}.primary-button,.secondary-button{cursor:pointer;border:none;border-radius:999px;padding:.82rem 1.25rem;font-weight:700}.primary-button{background:var(--accent);color:#fff}.secondary-button{color:var(--ink);background:#efe5cf}.primary-button:disabled{cursor:not-allowed;opacity:.6}.stat-list{gap:.85rem;margin-top:1rem;display:grid}.stat-item{background:var(--surface-strong);border-radius:16px;padding:.9rem 1rem}.stat-item strong{font-size:1.05rem;display:block}.route-chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;margin-top:.8rem;padding:.45rem .75rem;font-weight:700;display:inline-block}.auth-layout{grid-template-columns:1.35fr .85fr;gap:1.25rem;display:grid}.auth-card{max-width:720px}.auth-card h3{margin-top:.35rem}.auth-form{gap:1rem;margin-top:1.2rem;display:grid}.auth-form .primary-button{justify-self:start}.success-banner{gap:.2rem;display:grid}.role-list,.role-table{gap:.75rem;margin-top:1rem;display:grid}.role-item,.role-row{border:1px solid var(--line);background:var(--surface-strong);border-radius:14px;gap:.25rem;padding:.85rem .95rem;display:grid}.role-item span,.role-state{color:var(--muted);font-size:.92rem}.role-active{font-weight:700;color:var(--success)!important}.role-row{grid-template-columns:.8fr 1.5fr .8fr;align-items:center}.api-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);gap:1.25rem;display:grid}.section-title{gap:.45rem;margin-bottom:1rem;display:grid}.weather-card{overflow:hidden}.weather-actions{gap:1rem;margin-bottom:1rem;display:grid}.city-form{grid-template-columns:1fr auto;align-items:end;gap:.85rem;display:grid}.weather-result{background:linear-gradient(135deg, #d8f0d0f2, #fffdf8eb), var(--surface);border:1px solid #14532d33;border-radius:20px;gap:1rem;padding:1.2rem;display:grid}.weather-result strong{font-family:var(--display);margin-top:.2rem;font-size:1.8rem;display:block}.weather-result small{color:var(--muted)}.temperature-block{color:var(--accent);align-items:baseline;gap:.35rem;display:flex}.temperature-block span{font-family:var(--display);font-size:clamp(4rem,9vw,7rem);line-height:.9}.temperature-block strong{font-family:var(--sans);font-size:2rem}.weather-description{text-transform:capitalize;font-size:1.15rem;font-weight:700}.api-meta{border:1px solid var(--line);background:#fffdf8db;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.api-meta div{border-bottom:1px solid var(--line);padding:.8rem}.api-meta div:nth-child(odd){border-right:1px solid var(--line)}.api-meta div:nth-last-child(-n+2){border-bottom:none}.api-meta dt{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.api-meta dd{margin:.2rem 0 0;font-weight:700}.api-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:1rem 0;display:grid}.stat-card{background:var(--accent-soft);border:1px solid #14532d2e;border-radius:18px;padding:1rem}.stat-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.85rem}.stat-card strong{font-family:var(--display);color:var(--accent);margin-top:.35rem;font-size:2.4rem;display:block}.json-output{color:#f2fff5;font-family:var(--mono);white-space:pre-wrap;background:#14211d;border:1px solid #213b32;border-radius:18px;margin:1rem 0 0;padding:1rem;font-size:.92rem;line-height:1.5;overflow:visible}h4{font-family:var(--display);margin:1.25rem 0 .6rem;font-size:1.2rem}@media (width<=900px){.topbar,.content-grid,.library-layout,.auth-layout,.api-grid,.form-grid,.city-form,.api-stats,.api-meta{grid-template-columns:1fr}.api-meta div,.api-meta div:nth-child(odd){border-right:none}.api-meta div:nth-last-child(2){border-bottom:1px solid var(--line)}.role-row{grid-template-columns:1fr}}@media (width<=640px){.app-shell{border-radius:20px;width:min(100% - 1rem,100%);margin:.5rem auto;padding:.8rem}.topbar,.page-shell,.card,.panel,.info-card{padding:1rem}.page-heading h2{font-size:1.6rem}}