:root{--bg: #071018;--bg-2: #0d1a24;--paper: #f4ead6;--muted: #b7c4c2;--gold: #e4b15a;--sea: #0e4d5c;--foam: #9fd8d0;--line: rgba(244, 234, 214, .12);--shadow: 0 24px 50px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Outfit,system-ui,sans-serif;background:radial-gradient(900px 420px at 10% -10%,rgba(228,177,90,.12),transparent 50%),radial-gradient(700px 380px at 100% 0%,rgba(159,216,208,.1),transparent 46%),var(--bg);color:var(--paper)}a{color:var(--gold);text-decoration:none}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:700;letter-spacing:-.03em}.page{width:min(1120px,calc(100% - 32px));margin:0 auto;padding-bottom:80px}.top{display:flex;justify-content:space-between;align-items:center;padding:22px 0 8px}.top nav{display:flex;gap:18px}.brand{font-family:Fraunces,serif;font-size:1.45rem;color:var(--paper)}.hero{padding:28px 0 12px}.hero h1{font-size:clamp(2.4rem,6vw,4.6rem);line-height:.95;margin:10px 0 16px}.lede,.muted{color:var(--muted);line-height:1.65;max-width:62ch}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;color:var(--gold)}.search{display:grid;gap:8px;margin-top:22px;max-width:420px;font-size:.9rem}input,textarea,select{background:var(--bg-2);color:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;width:100%}.atlas-wrap{margin:28px 0 40px}.atlas{position:relative;height:min(62vh,520px);border-radius:32px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#08222b}.atlas .water{position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(14,77,92,.9),transparent 40%),radial-gradient(circle at 80% 20%,rgba(159,216,208,.18),transparent 35%),linear-gradient(160deg,#0a2c36,#071018 70%);animation:tide 10s ease-in-out infinite}.atlas .grid{position:absolute;inset:0;opacity:.18;background:repeating-linear-gradient(90deg,transparent 0 46px,rgba(244,234,214,.35) 46px 47px),repeating-linear-gradient(0deg,transparent 0 46px,rgba(244,234,214,.35) 46px 47px);transform:perspective(700px) rotateX(48deg) scale(1.35);transform-origin:center 70%}.compass-rose{position:absolute;right:22px;top:18px;width:54px;height:54px;border:2px solid var(--gold);border-radius:50%;background:linear-gradient(#e4b15a,#e4b15a) center/2px 70% no-repeat,linear-gradient(#9fd8d0,#9fd8d0) center/70% 2px no-repeat}@keyframes tide{50%{filter:hue-rotate(8deg) brightness(1.08)}}.atlas .water,.atlas .grid,.compass-rose{pointer-events:none}.island{position:absolute;width:120px;margin-left:-60px;margin-top:-40px;transform:translateZ(0);color:var(--paper);z-index:2}.island-body{display:block;width:78px;height:46px;margin:0 auto;background:var(--accent);border-radius:40% 48% 36% 50%;box-shadow:10px 14px #00000040,0 18px 24px #00000047;transform:rotateX(50deg) rotate(-18deg);transition:transform .35s ease,filter .35s ease}.island-body[data-key=java]{border-radius:12px 40%}.island-body[data-key=spring]{border-radius:8px}.island-body[data-key=angular]{clip-path:polygon(50% 0,100% 28%,82% 100%,18% 100%,0 28%);height:58px}.island-body[data-key=postgres]{border-radius:12px 12px 30px 30px}.island-body[data-key=architecture]{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);height:58px}.island-body[data-key=cloud]{border-radius:50%;width:70px;height:38px}.island-body[data-key=algorithms]{border-radius:50%;width:48px;height:48px}.island-body[data-key=security]{border-radius:10px;height:52px}.island:hover .island-body{transform:rotateX(50deg) rotate(-18deg) translateY(-10px) scale(1.06);filter:brightness(1.12)}.island-label{display:grid;text-align:center;margin-top:8px;gap:2px}.island-label strong{font-size:.92rem}.island-label em{font-style:normal;color:var(--muted);font-size:.75rem}.rail{display:grid;gap:32px}.topics{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.topic-card,.card,.note,.studio{background:color-mix(in srgb,var(--bg-2) 88%,transparent);border:1px solid var(--line);border-radius:22px;padding:16px}.topic-card h2,.note h3,.card h2{margin:12px 0 6px;font-size:1.15rem}.topic-card p,.note p,.card p{margin:0;color:var(--muted);font-size:.92rem}.notes{display:grid;gap:12px}.notes h2{margin:0 0 4px}.note{display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start;color:inherit}.dot{width:10px;height:10px;border-radius:50%;margin-top:8px}.meta{color:var(--muted);font-size:.8rem;letter-spacing:.04em}.empty{color:var(--muted)}.article-page h1{font-size:clamp(2rem,5vw,3.4rem);margin:12px 0}.cards{display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin-top:24px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 24px}.tags span{border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.78rem;color:var(--foam)}.prose{font-family:"Source Serif 4",Georgia,serif;font-size:1.12rem;line-height:1.75;max-width:68ch}.prose h2{font-size:1.5rem;margin:1.6em 0 .5em}.prose h3{font-size:1.2rem}.prose p{margin:0 0 1em}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:#f4ead614;padding:.1em .35em;border-radius:6px}.prose pre{background:#041016;border:1px solid var(--line);border-radius:16px;padding:16px;overflow:auto}.prose pre code{background:none;padding:0}.prose table{width:100%;border-collapse:collapse;margin:1em 0}.prose th,.prose td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left}.prose ul{padding-left:1.2em}.prose a{text-decoration:underline}.studio{display:grid;gap:12px}.studio label{display:grid;gap:6px;font-size:.9rem}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:#1a1204;border:0;border-radius:999px;padding:12px 20px;font-weight:700;cursor:pointer;width:fit-content}.btn:disabled{opacity:.55}.alert.error{background:#f9731626;color:#fdba74;padding:10px 12px;border-radius:12px}@media(max-width:900px){.topics,.cards,.row{grid-template-columns:1fr}.atlas{height:420px}.island{transform:scale(.9)}}