:root{color-scheme:light;--bg:#f4f9fb;--bg-soft:#eaf5f6;--surface:rgba(255,255,255,.9);--raised:#fff;--inset:#f2f8f9;--text:#173149;--secondary:#37566e;--muted:#6c8092;--accent:#2fa9bf;--accent-strong:#147f9b;--violet:#8177c9;--gold:#bd9748;--success:#2d9a79;--danger:#b64f61;--border:rgba(61,143,164,.3);--divider:rgba(61,143,164,.17);--focus:#216f9a;--shadow:0 22px 62px rgba(64,104,125,.14);--realm-image:url('/assets/realms/main.webp');font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
:root[data-realm="stone"]{--accent:#659c83;--accent-strong:#46745f;--violet:#b18b55;--realm-image:url('/assets/realms/stone.webp')}
:root[data-realm="north"]{--accent:#649fc7;--accent-strong:#487da4;--violet:#9585cf;--realm-image:url('/assets/realms/north.webp')}
:root[data-realm="spring"]{--accent:#23a9a6;--accent-strong:#177f86;--violet:#6c89c4;--realm-image:url('/assets/realms/spring.webp')}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 78% 0,color-mix(in srgb,var(--violet) 14%,transparent),transparent 34rem),radial-gradient(circle at 6% 35%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 35rem),linear-gradient(180deg,#fbfdfd,var(--bg));color:var(--text)}a{color:inherit}.mist{position:fixed;z-index:-1;width:34rem;height:34rem;border-radius:50%;filter:blur(90px);opacity:.16}.mist-one{top:-15rem;left:-9rem;background:var(--accent)}.mist-two{right:-14rem;bottom:-14rem;background:var(--violet)}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0}.brand{display:flex;align-items:center;gap:10px;color:#173149;font-weight:850;letter-spacing:.17em;text-decoration:none}.brand i{width:15px;height:20px;border:1px solid var(--accent);border-radius:55% 45% 58% 42%;background:linear-gradient(145deg,#8de3e8,#c4b8ed);box-shadow:0 0 22px rgba(62,170,192,.28);transform:rotate(24deg)}nav{display:flex;align-items:center;gap:22px}.main-nav a,footer nav a{color:var(--muted);font-size:.88rem;text-decoration:none}.main-nav a:hover,footer nav a:hover{color:var(--accent-strong)}.status-pill{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--divider);border-radius:999px;background:rgba(255,255,255,.78);color:var(--secondary);font-size:.78rem;text-decoration:none;box-shadow:0 8px 25px rgba(74,119,139,.08)}.status-pill b{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 10px rgba(45,154,121,.45)}main{padding:42px 0 90px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,48%);min-height:470px;overflow:hidden;border:1px solid var(--divider);border-radius:28px;background:var(--raised);box-shadow:var(--shadow)}.hero-copy{position:relative;z-index:2;min-width:0;padding:54px 20px 50px 50px;background:linear-gradient(90deg,#fff 0 86%,rgba(255,255,255,.15))}.realm-art{min-width:0;min-height:430px;background:linear-gradient(90deg,rgba(255,255,255,.9),transparent 24%),var(--realm-image) center/cover no-repeat}.eyebrow{margin:0;color:var(--accent-strong);font-size:.72rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase}h1{max-width:720px;margin:14px 0 20px;overflow-wrap:anywhere;font:700 clamp(2.8rem,6.5vw,6rem)/.96 Georgia,serif;letter-spacing:-.05em}.lead{max-width:650px;margin:0;overflow-wrap:anywhere;color:var(--secondary);font-size:1.04rem;line-height:1.68}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.hero-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.hero-facts span{padding:7px 11px;border:1px solid color-mix(in srgb,var(--violet) 27%,transparent);border-radius:999px;background:color-mix(in srgb,var(--violet) 8%,white);color:#514b79;font-size:.76rem}.primary,.secondary{min-height:51px;padding:0 20px;border-radius:16px;cursor:pointer}.primary{border:0;background:linear-gradient(125deg,#79dfe8,#b9acec);color:#153247;font-weight:850;box-shadow:0 12px 28px rgba(71,156,180,.2)}.primary:disabled{cursor:not-allowed;filter:saturate(.2);opacity:.5}.secondary{border:1px solid color-mix(in srgb,var(--violet) 35%,transparent);background:color-mix(in srgb,var(--violet) 7%,white);color:#514b79}.section-block,.workshop{margin-top:26px;padding:32px;border:1px solid var(--divider);border-radius:24px;background:var(--surface);box-shadow:0 14px 42px rgba(64,104,125,.08)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading>div{min-width:0}.section-heading h2{margin:7px 0 0;overflow-wrap:anywhere;font:700 clamp(1.8rem,4vw,3rem)/1.05 Georgia,serif}.section-heading>p{max-width:400px;margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:24px}.path-card{position:relative;display:flex;min-height:190px;overflow:hidden;flex-direction:column;justify-content:flex-end;gap:7px;padding:18px;border:1px solid var(--divider);border-radius:18px;background-position:center;background-size:cover;text-decoration:none}.path-card::before{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,rgba(255,255,255,.98),rgba(255,255,255,.06))}.path-card>*{position:relative}.path-card span{color:var(--accent-strong);font-size:.7rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.path-card strong{font:700 1.03rem/1.2 Georgia,serif}.path-card small{color:var(--muted)}.path-card[aria-current="page"]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.path-card--main{background-image:url('/assets/realms/main.webp')}.path-card--stone{background-image:url('/assets/realms/stone.webp')}.path-card--north{background-image:url('/assets/realms/north.webp')}.path-card--spring{background-image:url('/assets/realms/spring.webp')}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}.principles article{min-width:0;padding:23px;border:1px solid var(--divider);border-radius:20px;background:var(--inset)}.principles span{color:var(--violet);font-size:.73rem;font-weight:850}.principles h3{margin:17px 0 8px;font:700 1.2rem Georgia,serif}.principles p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.6}.principles code{color:var(--accent-strong)}.tabs{display:flex;gap:8px;margin:28px 0 18px}.tab{padding:10px 16px;border:1px solid var(--divider);border-radius:999px;background:white;color:var(--muted);cursor:pointer}.tab.active{border-color:var(--border);background:color-mix(in srgb,var(--accent) 9%,white);color:var(--accent-strong)}.tool-panel{display:grid;gap:14px}.dropzone{display:grid;place-items:center;min-height:205px;padding:30px;border:1px dashed var(--border);border-radius:22px;background:var(--inset);cursor:pointer;transition:border-color .15s,background .15s}.dropzone.drag{border-color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 8%,white)}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.drop-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:12px;border:1px solid var(--divider);border-radius:16px;background:white;color:var(--accent-strong);font-size:1.5rem}.dropzone strong{font:700 1.2rem Georgia,serif}.dropzone small{margin-top:7px;color:var(--muted)}button{font:inherit}.selected{padding:12px 14px;border:1px solid var(--divider);border-radius:14px;background:white;color:var(--secondary);font-size:.88rem}.key-field{display:grid;gap:7px}.key-field span{color:var(--muted);font-size:.8rem}.key-field input,.key-row{min-height:48px;border:1px solid var(--divider);border-radius:14px;background:white;color:var(--text)}.key-field input{width:100%;padding:0 14px;font-family:ui-monospace,monospace}.progress{height:6px;overflow:hidden;border-radius:999px;background:#dfecee}.progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--violet));transition:width .12s}.result{padding:20px;border:1px solid color-mix(in srgb,var(--success) 28%,transparent);border-radius:18px;background:color-mix(in srgb,var(--success) 7%,white)}.result h3{margin:7px 0}.result>p:not(.eyebrow){color:var(--muted)}.key-row{display:flex;align-items:center;gap:10px;padding:6px 7px 6px 13px;margin:14px 0}.key-row code{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;color:#28516d}.key-row button{padding:8px 11px;border:0;border-radius:9px;background:#e0f1f4;color:var(--accent-strong);cursor:pointer}.notice{min-height:1.4em;margin:10px 0 0;color:var(--muted);font-size:.84rem}.notice.error{color:var(--danger)}.page{max-width:900px;padding:58px 0 100px}.page h1{font-size:clamp(2.7rem,8vw,5.8rem)}.page-card{margin-top:18px;padding:25px;border:1px solid var(--divider);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.page-card h2{margin:28px 0 8px;font:700 1.25rem Georgia,serif}.page-card h2:first-child{margin-top:0}.page-card p,.page-card li{color:var(--secondary);line-height:1.72}.page-card a{color:var(--accent-strong)}footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px;padding:28px 0 38px;border-top:1px solid var(--divider);color:var(--muted)}footer>div{display:flex;flex-direction:column;gap:3px}footer b{color:var(--text);letter-spacing:.14em}footer span,footer small{font-size:.76rem}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{padding:38px 26px 24px;background:white}.realm-art{min-height:300px;background:linear-gradient(180deg,rgba(255,255,255,.75),transparent 22%),var(--realm-image) center/cover no-repeat}.path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.shell{width:min(100% - 24px,1180px)}.main-nav{display:none}.status-pill span{display:none}main{padding-top:20px}.hero-copy{padding:32px 20px 22px}h1{font-size:clamp(2.25rem,11vw,3rem);line-height:1}.hero-actions .link-button{width:100%;max-width:100%}.realm-art{min-height:230px}.section-block,.workshop{padding:23px 15px}.section-heading{display:block}.section-heading>p{margin-top:12px}.section-heading h2{font-size:clamp(1.65rem,8vw,2.2rem)}.principles,.path-grid,footer{grid-template-columns:minmax(0,1fr)}.path-card{min-height:155px}footer nav{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress span{transition:none}.mist{display:none}}