:root{--bg:#090a0f;--panel:#12151d;--panel2:#171b25;--line:#262b37;--text:#f3f5f7;--muted:#9ba5b4;--accent:#caff72;--purple:#9b8cff;--radius:24px}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at top,#171a28 0,#090a0f 45%);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff10;background:#090a0fcc;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{font-weight:900;letter-spacing:.25em;font-size:13px}.brand b{color:var(--accent)}.navlinks{display:flex;gap:10px;align-items:center}.btn{border:1px solid #ffffff18;background:#171b25;color:white;padding:11px 16px;border-radius:14px;cursor:pointer}.btn.primary{background:var(--accent);color:#11140d;border:0;font-weight:800}.hero{max-width:1200px;margin:auto;padding:10vh 24px 6vh;display:grid;grid-template-columns:1.25fr .75fr;gap:38px}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--accent);font-weight:800}.hero h1{font-size:clamp(52px,7vw,94px);line-height:.94;letter-spacing:-.06em;margin:16px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#d7d0ff}.lead{color:#b9c1cc;font-size:18px;line-height:1.75;max-width:760px}.orb{min-height:420px;border:1px solid #ffffff12;border-radius:32px;background:radial-gradient(circle at 50% 35%,#d9ff8f 0,#937ef5 20%,#302752 43%,#11131c 70%);box-shadow:0 0 100px #8f78ff2c}.section{max-width:1200px;margin:auto;padding:46px 24px}.section h2{font-size:38px;letter-spacing:-.04em;margin:8px 0 10px}.muted{color:var(--muted)}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.card{background:linear-gradient(180deg,#161a24,#10131a);border:1px solid #ffffff0f;border-radius:var(--radius);padding:22px;box-shadow:0 18px 50px #0005}.world-card{min-height:290px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.world-card:hover{transform:translateY(-4px);border-color:#ffffff22}.world-art{height:120px;border-radius:18px;margin-bottom:18px;background:linear-gradient(135deg,#5a5f95,#2b2940)}.world-card:nth-child(2) .world-art{background:linear-gradient(135deg,#775d3d,#2b2220)}.world-card:nth-child(3) .world-art{background:linear-gradient(135deg,#055b78,#7e2f90)}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.tag{font-size:10px;padding:6px 9px;border-radius:999px;background:#ffffff0b;color:#c1c9d4}.detail{max-width:1100px;margin:auto;padding:56px 24px}.detail-hero{min-height:350px;padding:38px;border-radius:34px;border:1px solid #ffffff12;background:radial-gradient(circle at 80% 20%,#8b77f349,transparent 32%),linear-gradient(135deg,#1e2231,#0d1017);display:flex;align-items:flex-end}.detail h1{font-size:62px;letter-spacing:-.055em;margin:8px 0 12px}.detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:18px}.list{display:grid;gap:10px}.list div{padding:14px;border-radius:15px;background:#0b0e14;border:1px solid #ffffff0c}.form{max-width:760px;margin:44px auto;padding:28px}.form h1{font-size:44px;margin:8px 0 12px}.form label{display:block;font-size:12px;color:#b2bac5;margin:14px 0}.form input,.form textarea,.form select{width:100%;margin-top:7px;background:#0b0e14;border:1px solid #ffffff14;color:white;border-radius:14px;padding:14px}.form textarea{min-height:110px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.loading{position:fixed;inset:0;background:#08090dee;display:none;place-items:center;text-align:center;z-index:80}.loading.show{display:grid}.loading .spin{width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#e3ffa9,#8c78ee 34%,#171927 70%);box-shadow:0 0 90px #8c78ee66;margin:auto}.app-shell{display:grid;grid-template-columns:250px 1fr 310px;min-height:calc(100vh - 74px);gap:16px;padding:16px}.side,.right{display:flex;flex-direction:column;gap:12px}.scene{min-width:0}.scene-head{min-height:210px;border-radius:28px;padding:24px;display:flex;align-items:flex-end;background:radial-gradient(circle at 70% 20%,#8e79e955,transparent 30%),linear-gradient(135deg,#24293a,#0c0f16)}.scene-head h1{font-size:42px;margin:6px 0}.story{margin-top:14px;padding:20px;max-height:560px;overflow:auto}.story-item{margin:0 0 16px;padding:15px;border-radius:17px;background:#0d1118;border:1px solid #ffffff0c;line-height:1.7}.story-item.narrator{font-family:Georgia,serif;font-size:18px;background:#ffffff06}.story-item.user{margin-left:18%;background:#caff72;color:#11140d;font-family:Inter,sans-serif}.composer{display:flex;gap:10px;margin-top:12px}.composer textarea{flex:1;min-height:74px;background:#0b0e14;border:1px solid #ffffff14;color:white;border-radius:16px;padding:14px}.people{display:grid;gap:10px}.person{padding:13px;border:1px solid #ffffff0c;background:#0b0e14;border-radius:16px}.person strong{display:block}.person small{color:#8f9aaa}.error{color:#ff9eaa;margin-top:10px}@media(max-width:900px){.hero,.detail-grid,.world-grid,.app-shell{grid-template-columns:1fr}.orb{min-height:230px}.side,.right{display:none}.hero{padding-top:6vh}.detail h1{font-size:44px}.navlinks a:not(.btn){display:none}}@media(max-width:600px){.grid2{grid-template-columns:1fr}.world-grid{grid-template-columns:1fr}.hero h1{font-size:50px}.section,.hero,.detail{padding-left:15px;padding-right:15px}.form{margin:20px 12px;padding:20px}.app-shell{padding:10px}.scene-head h1{font-size:32px}}