:root{--bg:#0a0b0d;--panel:#111318;--panel2:#171a20;--ink:#f4f5f7;--muted:#959ba6;--line:#2a2e36;--accent:#c6ff00;--accent2:#80f7d4;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(10,11,13,.88);backdrop-filter:blur(16px);z-index:20}.brand{display:flex;gap:10px;align-items:center;font-weight:850;letter-spacing:.08em}.brand-logo{width:38px;height:38px;display:block}.site-header nav{display:flex;gap:24px;color:#c5c8ce;font-size:13px}.site-header nav a:hover{color:var(--accent)}.hero{min-height:690px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.eyebrow{font:700 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;color:var(--accent);margin:0 0 20px}.hero h1,.section h2,.custom-section h2,.about-section h2,.lab-section h2{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:0 0 24px}.hero h1 span{color:var(--accent)}.lede{color:#aeb3bd;font-size:20px;max-width:700px}.lede.small{font-size:18px}.actions{display:flex;gap:12px;margin-top:34px}.button,button{border:1px solid var(--line);background:#14171c;color:#fff;padding:12px 18px;border-radius:7px;font-weight:700;cursor:pointer}.button.primary,button.primary{background:var(--accent);color:#0a0b0d;border-color:var(--accent)}.hero-card{background:#0e1014;border:1px solid var(--line);border-radius:10px;box-shadow:0 30px 80px #0008;overflow:hidden;transform:rotate(1.4deg)}.terminal-bar{height:42px;background:#15181e;border-bottom:1px solid var(--line);display:flex;gap:7px;align-items:center;padding:0 14px;color:#747b87;font:11px ui-monospace,monospace}.terminal-bar i{width:8px;height:8px;background:#444a54;border-radius:50%}.terminal-bar span{margin-left:7px}.hero-card pre{margin:0;padding:30px;color:#cbd0d8;white-space:pre-wrap;font:14px/1.7 ui-monospace,monospace}.hero-card b{color:var(--accent)}.section{padding:110px 0}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:36px}.section-heading h2,.lab-section h2{font-size:clamp(34px,4vw,54px);max-width:820px}.section-heading>a{color:var(--accent);font-weight:700;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.card.featured{grid-column:span 1}.visual{height:235px;background:#1a1e24;display:grid;place-items:center;border-bottom:1px solid var(--line)}.frame-art{background:linear-gradient(135deg,#20242a,#101216);position:relative}.frame-art:before{content:"";width:135px;height:135px;border:15px solid var(--accent);box-shadow:inset 0 0 0 6px #101216}.frame-art span{position:absolute;font:700 10px ui-monospace;color:#9ca3ad;bottom:14px;right:16px}.ball-art{font-size:78px;background:radial-gradient(circle at center,#1e2228,#101216 70%)}.shelf-art{display:flex;flex-direction:column;gap:12px}.shelf-art span{width:145px;height:12px;background:var(--accent);display:block}.card-body{padding:24px}.tag{font:700 10px ui-monospace,monospace;color:var(--accent2);letter-spacing:.14em}.card h3,.story h3,.lab-cards h3,.player h3{font-size:22px;line-height:1.15;margin:10px 0}.card p,.story p,.lab-cards p{color:#9ea4ae}.meta{display:flex;gap:7px;margin-top:20px}.meta span{font:700 10px ui-monospace;background:#1e2229;padding:5px 8px;border-radius:4px;color:#aeb4be}.custom-section{background:#e7e9e3;color:#101114;padding:110px 0}.custom-section .eyebrow{color:#4b5c00}.custom-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.custom-section h2{font-size:clamp(40px,5vw,64px)}.custom-section .lede{color:#555b62}.ticks{list-style:none;padding:0;margin:28px 0}.ticks li{margin:9px 0}.ticks li:before{content:"✓";font-weight:900;margin-right:9px}.generator{background:#0f1115;color:white;border-radius:12px;padding:22px;box-shadow:0 35px 80px #272a3030}.generator-top{display:flex;justify-content:space-between;margin-bottom:18px}.generator-top span{font:700 9px ui-monospace;background:var(--accent);color:#111;padding:5px 7px;border-radius:4px}.generator label{display:grid;gap:6px;font-size:12px;color:#b5bac3;margin:12px 0}.generator input,.generator select{width:100%;background:#1b1e24;border:1px solid #30343e;color:#fff;padding:11px;border-radius:6px}.preview{height:250px;display:grid;place-items:center;background:#171a20;border:1px dashed #333945;border-radius:8px;margin:18px 0}.tag-shape{height:95px;width:min(380px,88%);border-radius:14px;background:#f7f7ef;color:#0f1115;display:flex;align-items:center;padding:0 25px;position:relative;box-shadow:inset 0 0 0 7px #0f1115}.tag-shape strong{font-size:30px;letter-spacing:.08em;margin:auto}.hole{position:absolute;left:15px;width:17px;height:17px;border-radius:50%;background:#171a20}.ball-mini{margin-left:18px}.generator-actions{display:flex;justify-content:flex-end;gap:9px}.status{font-size:11px;color:#7f8793;margin:12px 0 0}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story{padding:26px;border-top:1px solid var(--line);background:linear-gradient(#111318,#0d0f12);display:block;transition:.18s transform,.18s border-color}.story:hover{transform:translateY(-3px);border-top-color:var(--accent)}.story time{color:#737a85;font-size:12px}.story-link{display:block;color:var(--accent);font-weight:800;font-size:12px;margin-top:16px}.lab-section{background:#111318;border-block:1px solid var(--line)}.lab-cards article{border-left:1px solid #30343a;padding:10px 24px 15px}.lab-cards article>span{font:700 11px ui-monospace;color:var(--accent)}.music-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.player{background:#14171b;border:1px solid var(--line);border-radius:10px;padding:24px;display:grid;grid-template-columns:170px 1fr;gap:26px;align-items:center}.album{aspect-ratio:1;background:linear-gradient(135deg,var(--accent),#263200);display:grid;place-items:center;color:#0b0c0d;font-size:46px;font-weight:950;letter-spacing:-.09em}.fake-player{display:flex;align-items:center;gap:11px;margin-top:18px}.fake-player button{border-radius:50%;padding:8px 11px}.fake-player span{height:4px;flex:1;background:linear-gradient(90deg,var(--accent) 43%,#383e47 43%);border-radius:9px}.fake-player small,.muted{color:#7e858f}.about-section{padding:110px 0;background:var(--accent);color:#0b0c0d}.about-section .eyebrow{color:#344000}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-section h2{font-size:clamp(38px,5vw,64px)}.about-section .about-grid>p,.about-section .about-grid>div>p{font-size:21px;max-width:580px}.about-note{font-size:14px!important;font-weight:800;margin-top:24px;border-left:4px solid #0b0c0d;padding-left:16px}footer{padding:28px 0;color:#6f7680;font:700 10px ui-monospace;border-top:1px solid var(--line)}.footer-grid{display:flex;justify-content:space-between;gap:20px}@media(max-width:900px){.site-header nav{display:none}.hero,.custom-grid,.music-grid,.about-grid{grid-template-columns:1fr}.hero{padding:90px 0}.hero-card{transform:none}.cards,.story-grid{grid-template-columns:1fr}.section,.custom-section{padding:75px 0}.section-heading{align-items:start;flex-direction:column}.player{grid-template-columns:110px 1fr}.footer-grid{flex-direction:column}}@media(max-width:560px){.shell{width:min(var(--max),calc(100% - 24px))}.hero h1{font-size:48px}.player{grid-template-columns:1fr}.album{max-width:160px}.generator-actions{flex-direction:column}.button{text-align:center}}

.music-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.music-card{position:relative;min-height:300px;padding:26px;background:linear-gradient(145deg,#14171c,#0d0f12);border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;transition:.18s ease}.music-card:hover{transform:translateY(-3px);border-color:#4a515c}.music-card.featured-track{box-shadow:inset 0 3px 0 var(--accent)}.music-card h3{font-size:26px;line-height:1.05;margin:12px 0}.music-card p:not(.tag){color:#9ea4ae}.music-index{font:900 44px/1 ui-monospace,monospace;color:#242a31;margin-bottom:28px}.listen{margin-top:auto;color:var(--accent);font-weight:800}.soundtrack-callout{margin:44px 0;padding:24px;border:1px solid #35400d;border-left:4px solid var(--accent);background:#11150d;border-radius:8px}.soundtrack-callout .tag{margin-top:0}.soundtrack-callout a{color:var(--accent);font-weight:800}.music-note{color:#838a95;font-size:13px}@media(max-width:900px){.music-cards{grid-template-columns:1fr 1fr}}@media(max-width:600px){.music-cards{grid-template-columns:1fr}}

.card[href]{transition:.18s transform,.18s border-color}.card[href]:hover{transform:translateY(-3px);border-color:#4a515c}.generator input[type=color]{height:44px;padding:4px}.about-link{font-weight:900;text-decoration:underline;text-underline-offset:4px}.about-page,.policy-page{padding:90px 0 110px}.about-page>h1,.policy-page>h1{font-size:clamp(44px,7vw,82px);line-height:.98;letter-spacing:-.055em;max-width:960px;margin:0 0 28px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:55px}.about-columns section,.policy-page section{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:28px}.about-columns h2,.policy-page h2{margin-top:0;font-size:26px}.about-columns p,.policy-page p{color:#aeb3bd}.about-cta{margin-top:24px;padding:30px;border:1px solid #35400d;border-left:4px solid var(--accent);background:#11150d;border-radius:10px}.about-cta h2{margin:0 0 12px}.policy-page{max-width:900px}.policy-page section{margin-top:18px}.policy-updated{margin-top:28px;font:700 11px ui-monospace,monospace;color:#777f8b!important}.release-state{margin-top:18px;padding:16px 18px;border-left:4px solid var(--accent);background:#11150d;color:#b7bec7}.release-state strong{color:var(--ink)}@media(max-width:800px){.about-columns{grid-template-columns:1fr}}

/* V0.5.3 public-content cleanup */
.card.no-visual .card-body{min-height:235px;display:flex;flex-direction:column;justify-content:flex-end}.real-project-preview{padding:16px;background:#202225}.real-project-preview img{width:100%;height:100%;object-fit:contain;border-radius:8px}.generator-sample{height:330px;display:grid;place-items:center;background:#171a20;border:1px solid #2d323b;border-radius:8px;margin:18px 0;overflow:hidden}.generator-sample img{width:100%;height:100%;object-fit:contain}.generator .status{max-width:620px}.generator-actions{margin-top:4px}@media(max-width:900px){.card.no-visual .card-body{min-height:0}.generator-sample{height:280px}}

/* V0.5.4 Journeys + About */
.journeys-home{padding:105px 0;background:#101216;border-block:1px solid var(--line)}.journeys-home-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.journeys-home h2{font-size:clamp(40px,5vw,64px);line-height:.98;letter-spacing:-.055em;margin:0 0 24px}.journey-home-card{background:linear-gradient(145deg,#171a20,#0d0f12);border:1px solid var(--line);border-radius:12px;padding:34px;box-shadow:inset 0 3px 0 var(--accent)}.journey-home-card h3{font-size:42px;letter-spacing:-.04em;margin:8px 0 12px}.journey-home-card>p:not(.tag){color:#aeb3bd;font-size:18px}.journey-home-music{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;font:800 12px ui-monospace}.journey-home-music a{color:var(--accent)}.about-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.maker-portrait{margin:0;justify-self:end;width:min(100%,340px)}.maker-portrait img{width:100%;display:block;border-radius:12px;border:1px solid var(--line);filter:grayscale(100%);box-shadow:0 25px 70px #0007}.maker-portrait figcaption{margin-top:10px;color:#747b86;font:700 10px ui-monospace;letter-spacing:.12em;text-transform:uppercase}.music-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}@media(max-width:900px){.journeys-home-grid,.about-hero{grid-template-columns:1fr}.maker-portrait{justify-self:start;max-width:280px}}


/* V0.5.5 brand mascot */
.mascot-section{padding:105px 0;background:#0d0f12;border-top:1px solid var(--line)}
.mascot-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.mascot-art-card{position:relative;width:min(100%,420px);justify-self:center;border:1px solid #30353d;border-radius:18px;overflow:hidden;background:#111318;box-shadow:0 30px 80px #0007,inset 0 3px 0 var(--accent)}
.mascot-art-card:after{content:"";position:absolute;inset:auto 18px 18px auto;width:44px;height:4px;background:var(--accent);border-radius:999px}
.mascot-art-card img{display:block;width:100%;height:auto}
.mascot-copy h2{font-size:clamp(40px,5vw,64px);line-height:.98;letter-spacing:-.055em;margin:0 0 24px;max-width:820px}
.mascot-traits{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}
.mascot-traits span{font:800 10px ui-monospace,monospace;letter-spacing:.08em;color:#111;background:var(--accent);padding:7px 9px;border-radius:4px}
.mascot-link{color:var(--accent);font-weight:900}
.about-mascot{margin-top:55px;display:grid;grid-template-columns:210px 1fr;gap:34px;align-items:center;background:#111318;border:1px solid var(--line);border-radius:12px;padding:28px}
.about-mascot-art{border-radius:14px;overflow:hidden;background:#0f1115;border:1px solid #30353d}
.about-mascot-art img{display:block;width:100%;height:auto}
.about-mascot h2{font-size:34px;margin:4px 0 12px}
.about-mascot p:not(.eyebrow){color:#aeb3bd}
.not-found{min-height:78vh;padding:8rem 0;display:grid;grid-template-columns:1fr 260px;gap:70px;align-items:center}
.not-found h1{font-size:clamp(50px,8vw,96px);line-height:.92;letter-spacing:-.06em;margin:10px 0 24px}
.not-found img{width:100%;border-radius:18px;border:1px solid var(--line);box-shadow:0 30px 80px #0008}
@media(max-width:900px){.mascot-grid{grid-template-columns:1fr}.mascot-art-card{justify-self:start;max-width:340px}.about-mascot{grid-template-columns:150px 1fr}.not-found{grid-template-columns:1fr;gap:30px}.not-found img{width:180px;order:-1}}
@media(max-width:560px){.about-mascot{grid-template-columns:1fr}.about-mascot-art{width:150px}.mascot-traits span{font-size:9px}}

/* V0.5.6 semantic journey actions */
.journey-home-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.25rem 0 .9rem}


/* V0.5.7 utility, licensing and roadmap content */
.utility-page{padding:90px 0 110px}.utility-page>h1{font-size:clamp(44px,7vw,82px);line-height:.98;letter-spacing:-.055em;max-width:1000px;margin:0 0 28px}.link-grid,.tool-grid,.license-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:50px}.link-card,.tool-card,.feature-stack section,.utility-note,.contact-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:28px}.link-card,.tool-card{transition:.18s transform,.18s border-color}.link-card:hover,.tool-card:hover{transform:translateY(-3px);border-color:#4a515c}.link-card h2,.tool-card h2,.feature-stack h2,.utility-note h2,.contact-panel h2,.license-grid h2{margin:8px 0 10px;font-size:26px}.link-card p,.tool-card p,.feature-stack p,.utility-note p,.contact-panel p,.license-grid li{color:#aeb3bd}.link-card span,.tool-card span,.utility-note a{color:var(--accent);font-weight:800}.tool-card.live{box-shadow:inset 0 3px 0 var(--accent)}.feature-stack{display:grid;gap:18px;margin-top:50px}.contact-panel{margin-top:50px;display:flex;justify-content:space-between;align-items:center;gap:28px}.utility-note{margin-top:18px}.license-grid section{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:28px}.ticks.dark li:before{color:var(--accent)}.license-disclaimer{color:#7e858f;font-size:13px;margin-top:28px}.license-note,.creator-support{margin-top:1.25rem;padding:1rem;border:1px solid #35400d;background:#11150d;border-radius:8px}.license-note p,.creator-support p{margin:.45rem 0;color:#aeb3bd}.license-note a,.creator-support strong{color:var(--accent)}.creator-support .button{display:inline-block;margin-top:.7rem}.compact-section{padding-block:80px}.elsewhere-section{padding:80px 0;background:#111318;border-block:1px solid var(--line)}.elsewhere-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.elsewhere-section h2{font-size:clamp(36px,4vw,54px);line-height:1;letter-spacing:-.045em;margin:0}.elsewhere-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}@media(max-width:800px){.link-grid,.tool-grid,.license-grid,.elsewhere-grid{grid-template-columns:1fr}.contact-panel{align-items:flex-start;flex-direction:column}.elsewhere-actions{justify-content:flex-start}}