:root{--codex-default-height:3030px}body.astro-codex-active{overflow-y:auto}body.astro-codex-active .prototype-stage{align-items:flex-start;min-height:100vh;overflow:visible;padding-top:0;padding-bottom:64px}body.astro-codex-active .virtual-canvas-shell{aspect-ratio:auto;height:max(var(--codex-default-height),calc(100vh - 24px));margin-top:0}body.astro-codex-active .virtual-canvas{height:100%}body.astro-codex-active .astro-node{z-index:30}.the-codex-root{position:absolute;inset:0;z-index:18;opacity:0;pointer-events:none;transition:opacity 320ms ease-in-out;font-family:Georgia,"Times New Roman",serif}.the-codex-root.visible{opacity:1;pointer-events:auto}.the-codex-chrome{position:absolute;left:55%;top:18px;transform:translateX(-50%);z-index:45;width:min(600px,74%);text-align:center;padding:14px 24px 16px;border:1px solid rgba(160,205,255,.2);border-radius:22px;background:linear-gradient(180deg,rgba(2,8,23,.72),rgba(2,8,23,.38));box-shadow:0 0 34px rgba(70,140,255,.16);backdrop-filter:blur(6px)}.the-codex-logo{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(130, 190, 255, .58))}.the-codex-eyebrow{margin-top:4px;color:rgba(180,215,255,.8);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.the-codex-chrome h1{margin:4px 0 4px;color:rgba(242,248,255,.98);font-size:26px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 14px rgba(120,180,255,.55)}.the-codex-intro{margin:4px auto 10px;max-width:580px;color:rgba(210,228,255,.82);font-size:14px;line-height:1.45}.the-codex-selector-label{display:inline-flex;align-items:center;gap:10px;color:rgba(180,215,255,.76);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.the-codex-pathway-select{appearance:none;color:rgba(238,247,255,.96);background:rgba(0,0,0,.42);border:1px solid rgba(150,200,255,.32);border-radius:999px;padding:6px 28px 6px 12px;font-family:Georgia,"Times New Roman",serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.the-codex-rows{position:absolute;inset:0;pointer-events:none}.the-codex-row{position:absolute;transform:translateY(-50%);min-height:72px;pointer-events:auto;border:1px solid rgba(130,180,255,.16);border-radius:16px;background:linear-gradient(90deg,rgba(20,42,78,.34),rgba(2,8,23,.18) 75%,rgba(2,8,23,.08));box-shadow:inset 0 0 18px rgba(140,190,255,.045),0 0 22px rgba(0,0,0,.2);backdrop-filter:blur(3px)}.the-codex-row:nth-child(2n){background:linear-gradient(90deg,rgba(78,92,128,.22),rgba(2,8,23,.15) 75%,rgba(2,8,23,.06))}.the-codex-row-content{padding:11px 16px 12px 18px}.the-codex-row-title{display:inline-block;color:rgba(245,249,255,.98);font-size:18px;line-height:1.1;text-decoration:none;text-shadow:0 0 9px rgba(130,190,255,.48)}.the-codex-row-title:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.the-codex-row-text{display:block;margin:6px 0 9px;color:rgba(214,229,252,.84);font-size:14px;line-height:1.35}.the-codex-links{display:flex;flex-wrap:wrap;gap:7px}.the-codex-chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(150,205,255,.25);color:rgba(167,210,255,.94);background:rgba(0,0,0,.32);font-size:10px;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.the-codex-chip-lyrics{border-color:rgba(150,205,255,.25);color:rgba(167,210,255,.94)}.the-codex-chip-related{border-color:rgba(210,185,135,.28);color:rgba(225,205,160,.9)}.the-codex-chip:hover{border-color:rgba(180,225,255,.5);background:rgba(30,55,90,.54);text-shadow:0 0 4px rgba(255,255,255,.15)}html[data-canvas-mode=portrait] body.astro-codex-active .prototype-stage{padding-bottom:44px}html[data-canvas-mode=portrait] body.astro-codex-active .virtual-canvas-shell{width:min(94vw,var(--canvas-max-width));height:max(var(--codex-default-height),calc(100vh - 16px))}html[data-canvas-mode=portrait] .the-codex-chrome{left:57%;top:12px;width:min(284px,78%);padding:10px 12px 12px;border-radius:18px}html[data-canvas-mode=portrait] .the-codex-logo{width:42px;height:42px}html[data-canvas-mode=portrait] .the-codex-eyebrow{font-size:8px;letter-spacing:.16em}html[data-canvas-mode=portrait] .the-codex-chrome h1{font-size:18px;letter-spacing:.17em}html[data-canvas-mode=portrait] .the-codex-intro{font-size:13px;line-height:1.35;margin-bottom:8px}html[data-canvas-mode=portrait] .the-codex-selector-label{gap:6px;font-size:8px}html[data-canvas-mode=portrait] .the-codex-pathway-select{font-size:9px;padding:4px 20px 4px 9px}html[data-canvas-mode=portrait] .the-codex-row{min-height:88px;border-radius:14px}html[data-canvas-mode=portrait] .the-codex-row-content{padding:9px 10px 10px 12px}html[data-canvas-mode=portrait] .the-codex-row-title{font-size:14px}html[data-canvas-mode=portrait] .the-codex-row-text{margin:5px 0 8px;font-size:13px;line-height:1.28}html[data-canvas-mode=portrait] .the-codex-links{gap:5px}html[data-canvas-mode=portrait] .the-codex-chip{padding:3px 8px;font-size:8px}.the-codex-group{position:absolute;z-index:0;box-sizing:border-box;min-height:1px;padding:18px 20px 20px;overflow:hidden;pointer-events:none;border:1px solid rgba(145,195,255,.22);border-radius:22px;background:linear-gradient(180deg,rgba(11,29,58,.42),rgba(3,10,25,.24) 48%,rgba(2,8,23,.16));box-shadow:inset 0 0 28px rgba(120,180,255,.045),0 0 30px rgba(0,0,0,.22);backdrop-filter:blur(3px)}.the-codex-group-header{position:relative;z-index:1;margin-left:7%;padding-right:4%;text-align:left}.the-codex-group-eyebrow{color:rgba(155,205,255,.84);font-size:11px;letter-spacing:.18em;line-height:1.2;text-transform:uppercase}.the-codex-group-title{margin:5px 0 2px;color:rgba(246,250,255,.98);font-size:21px;font-weight:400;letter-spacing:.11em;line-height:1.12;text-transform:uppercase;text-shadow:0 0 12px rgba(125,185,255,.46)}.the-codex-group-subtitle{color:rgba(205,225,252,.8);font-size:13px;font-style:italic;letter-spacing:.035em;line-height:1.35}.the-codex-group-text{max-width:720px;margin:9px 0 0;color:rgba(211,228,251,.8);font-size:13px;line-height:1.42}.the-codex-group-separator{position:relative;z-index:1;height:1px;margin:14px 4% 0 7%;background:linear-gradient(90deg,rgba(145,200,255,.36),rgba(145,200,255,.08) 76%,transparent)}.the-codex-group-footer{position:absolute;left:7%;right:4%;bottom:17px;z-index:1;padding-top:12px;border-top:1px solid rgba(145,195,255,.15);color:rgba(187,215,247,.78);font-size:12px;font-style:italic;line-height:1.4}.the-codex-row-grouped{z-index:2;min-height:64px;border-color:transparent;border-radius:0;background:linear-gradient(90deg,rgba(85,130,190,.075),rgba(2,8,23,.02) 72%,transparent);box-shadow:none;backdrop-filter:none}.the-codex-row-grouped:nth-child(2n){background:linear-gradient(90deg,rgba(130,155,195,.055),rgba(2,8,23,.015) 72%,transparent)}.the-codex-row-grouped::before{content:"";position:absolute;left:0;top:14%;bottom:14%;width:1px;background:linear-gradient(180deg,transparent,rgba(145,200,255,.22),transparent)}.the-codex-row-grouped .the-codex-row-content{padding-left:15px}.the-codex-row-grouped .the-codex-row-title{font-size:17px}html[data-canvas-mode=portrait] .the-codex-group{padding:14px 12px 16px;border-radius:17px}html[data-canvas-mode=portrait] .the-codex-group-header{margin-left:8%;padding-right:2%}html[data-canvas-mode=portrait] .the-codex-group-eyebrow{font-size:8px;letter-spacing:.15em}html[data-canvas-mode=portrait] .the-codex-group-title{margin-top:4px;font-size:14px;letter-spacing:.08em}html[data-canvas-mode=portrait] .the-codex-group-subtitle,html[data-canvas-mode=portrait] .the-codex-group-text{font-size:11px}html[data-canvas-mode=portrait] .the-codex-group-text{margin-top:7px;line-height:1.35}html[data-canvas-mode=portrait] .the-codex-group-separator{margin:10px 2% 0 8%}html[data-canvas-mode=portrait] .the-codex-group-footer{left:8%;right:2%;bottom:13px;padding-top:9px;font-size:10px}html[data-canvas-mode=portrait] .the-codex-row-grouped{min-height:76px}html[data-canvas-mode=portrait] .the-codex-row-grouped .the-codex-row-content{padding-left:10px}html[data-canvas-mode=portrait] .the-codex-row-grouped .the-codex-row-title{font-size:14px}.the-codex-row.audio-active{border-color:rgba(165,215,255,.5);background:linear-gradient(90deg,rgba(45,88,150,.5),rgba(5,16,38,.28) 78%,rgba(2,8,23,.1));box-shadow:inset 0 0 24px rgba(145,205,255,.09),0 0 24px rgba(80,145,245,.2)}.the-codex-row.audio-active .the-codex-row-title{color:#fff;text-shadow:0 0 9px rgba(175,220,255,.82),0 0 18px rgba(85,150,245,.42)}