:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-ink:#173446;--muted-ink:#587285;--panel-bg:#fffcf7d1;--panel-border:#1734461f;--accent-teal:#0f8b8d;--accent-sun:#ffb75e;--accent-sky:#8ed8f8;--accent-error:#b73a53;--shadow-soft:0 28px 60px #1734461f;color:var(--page-ink);background:#f7efe2;font-family:Trebuchet MS,Gill Sans,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#8ed8f87a,#0000 34%),radial-gradient(circle at 100%,#ffb75e57,#0000 30%),linear-gradient(#f9f2e6 0%,#eef6fb 100%);min-width:320px;min-height:100vh;margin:0}button{font:inherit}#root{min-height:100vh}.page-shell{min-height:100vh;position:relative;overflow:hidden}.backdrop-orb{filter:blur(24px);opacity:.7;border-radius:999px;animation:18s ease-in-out infinite drift;position:absolute}.backdrop-orb-left{background:#8ed8f88c;width:280px;height:280px;top:-80px;left:-40px}.backdrop-orb-right{background:#ffb75e6b;width:340px;height:340px;animation-delay:2s;top:80px;right:-80px}.page-layout{z-index:1;max-width:1180px;margin:0 auto;padding:2rem 1.5rem 3rem;position:relative}.panel{border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-soft);border-radius:28px}.hero{grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:1.5rem;margin-bottom:1.5rem;padding:2rem;display:grid}.eyebrow{color:var(--accent-teal);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .35rem;font-size:.82rem}.hero h1,.panel h2,.panel h3,.panel p{margin-top:0}.hero h1{max-width:11ch;margin-bottom:.85rem;font-size:clamp(2.3rem,4vw,4rem);line-height:.96}.lede,.body-copy,.weather-note,.empty-state p,.file-callouts p,.teaching-list{color:var(--muted-ink)}.hero-summary{background:#ffffff85;border:1px solid #1734461a;border-radius:22px;align-content:start;gap:1rem;padding:1.25rem;display:grid}.hero-summary dl{gap:.85rem;margin:0;display:grid}.hero-summary dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-ink);font-size:.82rem}.hero-summary dd{margin:.25rem 0 0;font-weight:700}.content-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.9fr);gap:1.5rem;display:grid}.action-panel,.teaching-panel{padding:1.5rem}.panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.status-pill{background:#17344614;border-radius:999px;align-items:center;padding:.4rem .8rem;font-size:.86rem;font-weight:700;display:inline-flex}.status-idle{color:var(--page-ink)}.status-loading{color:#8a4d00;background:#ffb75e38}.status-ready{color:#0b6e70;background:#0f8b8d29}.status-error{color:var(--accent-error);background:#b73a531f}.primary-button{background:linear-gradient(135deg, var(--accent-teal), #1573a1);color:#fff;cursor:pointer;border:0;border-radius:18px;padding:.95rem 1.3rem;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 14px 28px #1573a13d}.primary-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled{cursor:wait;opacity:.75}.error-text{color:var(--accent-error);font-weight:600}.weather-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem;display:grid}.weather-card{background:#ffffffa8;border:1px solid #17344614;border-radius:22px;padding:1.1rem}.temperature-card{background:linear-gradient(145deg,#ffb75e4d,#ffffffc7)}.coordinates-card{background:linear-gradient(145deg,#8ed8f84d,#ffffffc7)}.weather-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-ink);margin-bottom:.3rem;font-size:.82rem}.weather-value{margin:0;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;line-height:1}.weather-strong{margin:0;font-size:1.15rem;font-weight:700}.empty-state{background:#ffffff94;border:1px dashed #1734462e;border-radius:20px;margin-top:1.25rem;padding:1.2rem}.teaching-list{gap:.9rem;padding-left:1.25rem;display:grid}.teaching-list li strong{color:var(--page-ink)}.file-callouts{gap:1rem;margin-top:1.4rem;display:grid}.file-callouts article{background:#ffffff9e;border:1px solid #17344614;border-radius:20px;padding:1rem}@keyframes drift{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(12px)translate(10px)}}@media (width<=900px){.hero,.content-grid,.weather-grid{grid-template-columns:1fr}.page-layout{padding:1.25rem 1rem 2rem}.hero,.action-panel,.teaching-panel{padding:1.25rem}}