:root{--paper: #f3ecdf;--paper-2: #fffaf3;--ink: #1c2430;--muted: #5b6878;--line: rgba(28, 36, 48, .14);--sea: #0f6e78;--sea-deep: #123848;--sand: #b86a2d;--gold: #f3d48a;--africa: #0f766e;--asia: #b46309;--bridge: #9a3412;--shadow: 0 18px 44px rgba(28, 36, 48, .12);--font: "Segoe UI", Tahoma, "Noto Naskh Arabic", sans-serif;--display: "Palatino Linotype", Palatino, Georgia, serif;--radius: 22px;color:var(--ink);background:var(--paper);font-family:var(--font)}html[data-theme=observatory]{--paper: #101722;--paper-2: #182232;--ink: #f4efe6;--muted: #c3ccd6;--line: rgba(244, 239, 230, .16);--sea: #7ec8c3;--sand: #e0b15a;--shadow: 0 18px 44px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:linear-gradient(rgba(28,36,48,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(28,36,48,.035) 1px,transparent 1px);background-size:28px 28px;background-color:var(--paper);color:var(--ink)}html[data-theme=observatory] body{background:radial-gradient(circle at 15% 0%,rgba(126,200,195,.12),transparent 36%),#0c121c}button,input{font:inherit;color:inherit}button{cursor:pointer}h1,h2,p{margin-top:0}h1{font-size:1.55rem;line-height:1.2;margin-bottom:.4rem}.display{font-family:var(--display);font-size:clamp(2.1rem,4.4vw,3.6rem);line-height:1.02;letter-spacing:-.03em;margin:0 0 .6rem}[dir=rtl] .display{font-family:var(--font);letter-spacing:0}.lead{font-size:1.05rem;line-height:1.55;color:var(--muted);max-width:42rem}.lead.tight{font-size:.98rem}.eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--sea);font-weight:700}[dir=rtl] .eyebrow{letter-spacing:0}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;padding:10px 16px;background:color-mix(in srgb,var(--paper) 88%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand,.tools,nav{display:flex;align-items:center;gap:8px}.brand{border:0;background:transparent;padding:0;text-align:start;margin-inline-end:auto}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:.78rem;max-width:16rem}.brand-mark{width:36px;height:36px;border-radius:50%;border:2px solid var(--sea);background:radial-gradient(circle at 35% 35%,transparent 0 9px,var(--sand) 10px 11px,transparent 12px),linear-gradient(115deg,transparent 46%,var(--sea) 46% 54%,transparent 54%);box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--sea) 18%,transparent)}nav button,.btn{border:1px solid var(--line);background:var(--paper-2);border-radius:999px;padding:.45rem .8rem}a.btn{display:inline-block;text-decoration:none;cursor:pointer}nav button.on,.btn[aria-pressed=true],.btn.primary{background:var(--sea-deep);color:#f7f3ea;border-color:transparent}html[data-theme=observatory] nav button.on,html[data-theme=observatory] .btn.primary,html[data-theme=observatory] .btn[aria-pressed=true]{background:#d7b56a;color:#1c2430}.btn.sand{background:var(--sand);color:#fffaf3;border-color:transparent}.btn.ghost{background:transparent}.btn.tiny{padding:.3rem .65rem;font-size:.85rem}.btn.primary,.btn.sand{font-weight:700}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,nav button:focus-visible,input:focus-visible,.option:focus-within,.sources a:focus-visible{outline:3px solid var(--sand);outline-offset:2px}.landing{padding:12px 16px 48px}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:22px;align-items:center;margin-bottom:22px}.philosophy{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 16px;list-style:none}.philosophy li,.step-rail span{border:1px solid var(--line);border-radius:999px;padding:.28rem .7rem;background:var(--paper-2)}.philosophy li:nth-child(1),.step-rail .current{background:var(--sea-deep);color:#f7f3ea;border-color:transparent}.philosophy li:nth-child(2){background:color-mix(in srgb,var(--africa) 18%,var(--paper-2))}.philosophy li:nth-child(3){background:color-mix(in srgb,var(--sand) 22%,var(--paper-2))}.philosophy li:nth-child(4){background:color-mix(in srgb,var(--gold) 55%,var(--paper-2))}.hero-actions,.choices{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.lesson-card,.info-card,.panel,.sources{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.lesson-card{padding:16px;min-height:220px}.lesson-card.live{border-color:var(--sea);box-shadow:0 0 0 3px color-mix(in srgb,var(--sea) 25%,transparent),var(--shadow)}.lesson-card.linked{position:relative;cursor:pointer}.lesson-card.linked:hover,.lesson-card.linked:focus-within{border-color:var(--sea);box-shadow:0 0 0 3px color-mix(in srgb,var(--sea) 25%,transparent),var(--shadow)}.lesson-card.linked .card-open:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.card-open{margin-top:4px;line-height:1.35;text-align:center}.card-hint{margin:8px 0 0;color:var(--muted);font-size:.92rem}.badge{display:inline-block;margin:0 0 8px;border-radius:999px;padding:.15rem .55rem;background:color-mix(in srgb,var(--ink) 8%,transparent);font-size:.75rem}.badge.live{background:var(--sea);color:#fff}.badge.external{background:var(--sand);color:#fffaf3}.mark{display:block;width:42px;height:42px;margin-bottom:8px}.mark-cell{border-radius:40% 60% 55% 45%;background:#7fad62;box-shadow:inset 8px 8px #e7f0d8}.mark-graph{background:linear-gradient(135deg,transparent 40%,var(--sea) 40% 46%,transparent 46%),linear-gradient(var(--line),var(--line)) 0 100% / 100% 2px no-repeat}.mark-atom{border:2px solid var(--sand);border-radius:50%;position:relative}.mark-atom:before,.mark-atom:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:2px solid var(--sea);border-radius:50%}.mark-atom:after{transform:rotate(60deg)}.honest{max-width:70rem;color:var(--muted);margin-top:14px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);grid-template-rows:auto minmax(0,1fr);gap:14px;height:calc(100dvh - 74px);padding:0 14px 14px}.screen-nav{grid-column:1 / -1;display:flex;padding-top:10px}.back-showcase{font-weight:700;line-height:1.3;white-space:normal;text-align:center}.globe-well{position:relative;min-height:420px;border-radius:28px;overflow:hidden;background:radial-gradient(120% 90% at 50% 42%,#1d6280,#0d3144 52%,#07141d);box-shadow:var(--shadow)}.hero-globe{height:min(68vh,620px)}.globe-host{position:absolute;top:0;right:0;bottom:0;left:0}.globe-canvas,.flat-earth,.flat-earth canvas{width:100%;height:100%;display:block;touch-action:none}.flat-earth{position:absolute;top:0;right:0;bottom:0;left:0}.flat-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.flat-label{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;color:#f6f0e4;text-shadow:0 1px 2px #07141d,0 0 6px #07141d;font-weight:700;white-space:nowrap}.flat-label:disabled{opacity:.8}.panel{overflow:auto;padding:16px;min-height:0}.legend,.orientation-note,.flat-note,.loading,.error{position:absolute;z-index:2;color:#f6f0e4}.legend{left:12px;bottom:12px;display:flex;flex-wrap:wrap;gap:8px 12px;max-width:min(100% - 24px,420px);padding:8px 10px;border-radius:14px;background:#07141db8;font-size:.82rem}[dir=rtl] .legend{left:auto;right:12px}.legend p{width:100%;margin:0;font-weight:700}.legend span{display:inline-flex;align-items:center;gap:6px}.swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.swatch.africa{background:#0f766e}.swatch.asia{background:#c2710c}.swatch.bridge{background:repeating-linear-gradient(135deg,#9a3412,#9a3412 3px,#f6d98a 3px,#f6d98a 6px)}.swatch.line,.swatch.dash{width:18px;height:0;border-top:2px solid #f3d7b0}.swatch.dash{border-top-style:dashed}.orientation-note{right:12px;bottom:12px;max-width:220px;margin:0;font-size:.78rem;text-align:end;color:#f6f0e4db}[dir=rtl] .orientation-note{right:auto;left:12px;text-align:start}.loading,.error,.flat-note{top:12px;inset-inline-start:12px;margin:0;padding:8px 10px;border-radius:12px;background:#07141dc7}.loading{display:flex;align-items:center;gap:8px}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search{display:grid;gap:4px;margin:10px 0;font-size:.9rem}.search input,.sources{border-radius:12px}.search input{border:1px solid var(--line);background:var(--paper);padding:.55rem .7rem}.results{display:grid;gap:6px;margin-bottom:10px}.result{text-align:start;border-radius:12px}.layers{margin:12px 0}.layer-grid{display:flex;flex-wrap:wrap;gap:6px}.layer{border-radius:12px;font-size:.86rem}.info-card{padding:12px;margin-top:12px;box-shadow:none}.info-head,.info-card dl{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.info-card h2{margin-bottom:.2rem}.secondary,.alias,.member,.hint,.teacher,.prompt,.prediction-line,.progress-line{color:var(--muted)}.info-card dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:8px 0}.info-card dt{color:var(--muted)}.step-rail{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.step-rail .done{background:color-mix(in srgb,var(--africa) 25%,var(--paper-2))}.choices .choice{border-radius:14px;text-align:start}fieldset{border:1px solid var(--line);border-radius:14px;margin:0 0 10px;padding:8px 10px}.option{display:flex;gap:8px;align-items:flex-start;margin:6px 0}.hint{padding:8px 10px;border-inline-start:4px solid var(--sand);background:color-mix(in srgb,var(--sand) 12%,transparent)}.chips{padding:0;margin:8px 0;list-style:none;display:grid;gap:6px}.chips li{border:1px dashed var(--line);border-radius:10px;padding:6px 8px;font-size:.86rem}.chips li[data-on=true]{border-style:solid;border-color:var(--africa)}.teacher{font-size:.92rem}.sources{width:min(720px,calc(100vw - 24px));max-height:min(86dvh,860px);overflow:auto;border:1px solid var(--line);padding:18px;color:var(--ink)}.sources::backdrop{background:#0c141c73}.sources-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sources-head h2{margin-bottom:0}.source-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.source-list li{border:1px solid var(--line);border-radius:16px;padding:12px 14px;background:var(--paper)}.source-list h3{margin:0 0 8px;font-size:1.05rem}.source-list p{margin:0 0 8px}.source-list p:last-child{margin-bottom:0}.source-links{display:flex;flex-wrap:wrap;gap:8px 14px}.source-links a{color:var(--sea);font-weight:700}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:980px){.hero,.card-grid,.workspace{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.workspace{height:auto;grid-template-rows:none}.globe-well{height:62vh;min-height:340px}.topbar{flex-wrap:wrap}.brand{margin-inline-end:0}}@media(max-width:640px){.card-grid{grid-template-columns:1fr}.tools{width:100%}.orientation-note{display:none}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}