:root{--bg:#0c0f1f;--surface:#15192e;--surface2:#1d223d;--text:#f8f6f1;--muted:#aeb3ca;--primary:#8176ff;--accent:#ffb36b;--line:rgba(255,255,255,.1);--success:#62d69a;--danger:#ff7676;--radius:24px;--shadow:0 24px 70px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,rgba(129,118,255,.13),transparent 28%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:30;background:rgba(12,15,31,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:20px}.brand img{width:45px;height:45px}.brand span{display:flex;flex-direction:column}.brand small{font-size:10px;color:var(--muted);font-weight:500;letter-spacing:.04em}.desktop-nav{display:flex;align-items:center;gap:25px;color:#d9dced}.desktop-nav a:hover{color:#fff}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));font-weight:800}.page{max-width:1180px;margin:auto;padding:44px 24px 100px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:14px 20px;background:linear-gradient(135deg,var(--primary),#a976ff);color:#fff;font-weight:750;box-shadow:0 12px 30px rgba(129,118,255,.25);transition:.2s}.button:hover{transform:translateY(-2px)}.button.small{padding:10px 14px}.button.large{padding:17px 26px;font-size:17px}.button.full{width:100%}.button.light{background:#fff;color:#171a2d}.button.ghost{background:var(--surface2);box-shadow:none;border:1px solid var(--line)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.text-link{border:0;background:none;color:#cbc7ff;font-weight:700;padding:0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--accent);font-weight:800}.hero{min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center}.hero h1,.dashboard-head h1,.create-head h1{font-size:clamp(38px,5vw,70px);line-height:1.03;letter-spacing:-.055em;margin:14px 0 22px}.hero-copy>p{font-size:20px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:22px;align-items:center;margin:30px 0}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:#c6cadb;font-size:13px}.hero-demo{position:relative;min-height:520px;display:grid;place-items:center}.moon{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff8da,#f9c782 36%,#9c7cff 72%,transparent 73%);filter:drop-shadow(0 0 60px rgba(161,127,255,.35));opacity:.75}.demo-card{position:relative;width:min(430px,90%);padding:32px;border:1px solid rgba(255,255,255,.17);border-radius:32px;background:rgba(20,24,45,.78);backdrop-filter:blur(22px);box-shadow:var(--shadow);transform:rotate(-2deg)}.demo-card h2{font-size:31px;line-height:1.14;margin:15px 0 25px}.demo-label{font-size:12px;color:#c7cbde}.wave{height:72px;display:flex;align-items:center;gap:8px}.wave i{display:block;width:5px;border-radius:5px;background:linear-gradient(var(--primary),var(--accent));animation:wave 1.1s ease-in-out infinite}.wave i:nth-child(1){height:20px}.wave i:nth-child(2){height:46px;animation-delay:.1s}.wave i:nth-child(3){height:30px;animation-delay:.2s}.wave i:nth-child(4){height:62px;animation-delay:.3s}.wave i:nth-child(5){height:38px;animation-delay:.4s}.wave i:nth-child(6){height:52px;animation-delay:.5s}.wave i:nth-child(7){height:25px;animation-delay:.6s}.wave i:nth-child(8){height:43px;animation-delay:.7s}@keyframes wave{50%{transform:scaleY(.45);opacity:.55}}.demo-player{display:flex;gap:15px;align-items:center;border-top:1px solid var(--line);padding-top:20px}.demo-player button{width:55px;height:55px;border:0;border-radius:50%;background:#fff;color:#191c31;font-size:19px}.demo-player div{display:flex;flex-direction:column}.demo-player small{color:var(--muted)}.feature-section{padding:90px 0}.feature-section>h2{font-size:clamp(30px,4vw,48px);max-width:700px;line-height:1.1;margin:15px 0 40px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article,.card{background:linear-gradient(145deg,rgba(29,34,61,.96),rgba(20,24,45,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.feature-grid article{padding:30px}.feature-grid b{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(129,118,255,.16);color:#c9c4ff}.feature-grid h3{font-size:21px}.feature-grid p{color:var(--muted)}.cta-panel{padding:45px;border-radius:32px;background:linear-gradient(120deg,#6559e8,#9c64d9 55%,#ef9b5b);display:flex;align-items:center;justify-content:space-between}.cta-panel h2{margin:8px 0 0;font-size:34px;max-width:700px}.cta-panel .eyebrow{color:#fff7e6}.flash{max-width:900px;margin:18px auto -15px;padding:14px 20px;border-radius:14px}.flash.success,.notice.success{background:rgba(98,214,154,.13);border:1px solid rgba(98,214,154,.35)}.flash.info{background:rgba(129,118,255,.14);border:1px solid rgba(129,118,255,.35)}.dashboard-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}.dashboard-head h1{font-size:clamp(37px,5vw,60px);margin-bottom:10px}.dashboard-head p,.create-head p{color:var(--muted);font-size:17px}.quick-ideas{display:flex;gap:10px;overflow:auto;padding-bottom:15px;margin-bottom:35px}.quick-ideas button,.suggestions button{white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:11px 15px;border-radius:99px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:30px 0 18px}.section-head h2{margin:5px 0 0;font-size:30px}.section-head>a{color:#c9c4ff}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.2s}.story-card:hover{transform:translateY(-3px);border-color:rgba(129,118,255,.45)}.story-card>div:last-child{padding:20px}.story-art{height:120px;background:radial-gradient(circle at 70% 30%,rgba(255,179,107,.55),transparent 22%),linear-gradient(135deg,#292d55,#614d87);display:grid;place-items:center;font-size:35px}.story-card small{color:var(--muted)}.story-card h3{font-size:20px;line-height:1.2;margin:7px 0}.story-card p{color:var(--muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.status{font-size:11px;padding:6px 9px;border-radius:99px;background:rgba(255,255,255,.08);display:inline-block}.status.audio_ready{background:rgba(98,214,154,.13);color:#8fe9b7}.empty-state{text-align:center;padding:55px;margin-top:25px}.empty-icon{font-size:48px}.empty-inline{padding:25px;color:var(--muted)}.auth-layout{display:grid;grid-template-columns:1fr 480px;gap:60px;align-items:center;min-height:640px}.auth-copy h1{font-size:57px;line-height:1.05;letter-spacing:-.05em}.auth-copy p{font-size:19px;color:var(--muted)}.quote{margin-top:35px;padding:23px;border-left:3px solid var(--accent);background:rgba(255,255,255,.035);border-radius:0 14px 14px 0}.auth-card{padding:34px}.auth-card h2{font-size:30px}.narrow{max-width:560px;margin:50px auto}.form-stack{display:flex;flex-direction:column;gap:18px}label{display:flex;flex-direction:column;gap:8px;font-weight:650}label small,fieldset small{color:var(--muted);font-weight:400}input,select,textarea{width:100%;border:1px solid var(--line);background:#0e1225;color:#fff;border-radius:13px;padding:14px 15px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(129,118,255,.12)}textarea{min-height:110px;resize:vertical}.check{flex-direction:row;align-items:flex-start;font-size:13px;color:var(--muted)}.check input{width:auto;margin-top:3px}.auth-foot{text-align:center;color:var(--muted)}.auth-foot a{color:#c9c4ff}.notice{padding:13px 15px;border-radius:12px;margin:14px 0}.notice.error{background:rgba(255,118,118,.12);border:1px solid rgba(255,118,118,.35)}.two-column{display:grid;grid-template-columns:1fr 400px;gap:25px}.profile-grid{display:grid;gap:12px}.profile-card{display:flex;align-items:center;gap:16px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.profile-face{width:55px;height:55px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--accent));font-size:22px;font-weight:800}.profile-card h3,.profile-card p{margin:0}.profile-card p,.profile-card small{color:var(--muted)}.profile-card form{margin-left:auto}.icon-button{width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#fff}.icon-button.danger:hover{background:rgba(255,118,118,.2)}.sticky-card{padding:28px;align-self:start;position:sticky;top:105px}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.choice-grid.compact{grid-template-columns:repeat(4,1fr)}fieldset{border:0;padding:0;margin:0}legend{font-weight:700;margin-bottom:9px}.choice{display:block}.choice input{position:absolute;opacity:0;pointer-events:none}.choice span{min-height:52px;border:1px solid var(--line);border-radius:13px;background:#101428;display:flex;align-items:center;justify-content:center;padding:10px;text-align:center;transition:.18s}.choice input:checked+span{border-color:var(--primary);background:rgba(129,118,255,.16);box-shadow:0 0 0 2px rgba(129,118,255,.14)}.profile-choice span{flex-direction:column}.profile-choice small{color:var(--muted)}.create-head{max-width:800px;margin-bottom:35px}.create-head h1{font-size:55px}.creator{padding:10px 34px}.form-step{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:35px 0;border-bottom:1px solid var(--line)}.form-step:last-of-type{border-bottom:0}.step-number{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(129,118,255,.16);color:#cdc9ff;font-weight:800}.step-content h2{margin:3px 0 22px;font-size:27px}.big-input textarea{min-height:135px;font-size:19px}.suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:20px}.creator-submit{display:flex;align-items:center;justify-content:space-between;padding:30px 0}.creator-submit div{display:flex;flex-direction:column}.creator-submit small{color:var(--muted)}.generation-overlay{position:fixed;inset:0;z-index:100;background:rgba(6,8,18,.92);backdrop-filter:blur(15px);display:grid;place-items:center;padding:20px}.generation-overlay[hidden]{display:none}.generation-box{text-align:center;max-width:520px}.orb{width:120px;height:120px;border-radius:50%;margin:0 auto 28px;background:radial-gradient(circle at 35% 30%,#fff9dc,var(--accent) 24%,var(--primary) 58%,#241c51);box-shadow:0 0 70px rgba(129,118,255,.5);animation:float 2.2s ease-in-out infinite}.orb span{display:block;width:100%;height:100%;border:1px solid rgba(255,255,255,.35);border-radius:50%;animation:pulse 1.5s infinite}@keyframes float{50%{transform:translateY(-10px)}}@keyframes pulse{50%{transform:scale(1.12);opacity:0}}.progress{width:330px;max-width:90vw;height:6px;background:rgba(255,255,255,.1);border-radius:10px;overflow:hidden;margin:25px auto}.progress i{display:block;width:45%;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));animation:progress 2s ease-in-out infinite}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(320%)}}.story-view{max-width:900px;margin:auto}.story-cover{padding:65px 50px;border-radius:32px;background:radial-gradient(circle at 80% 10%,rgba(255,179,107,.4),transparent 25%),linear-gradient(145deg,#342c68,#151a35 70%);text-align:center;border:1px solid rgba(255,255,255,.15)}.story-cover h1{font-size:clamp(37px,6vw,64px);line-height:1.05;letter-spacing:-.04em;margin:14px auto;max-width:750px}.story-cover>p{color:#d4d7e6;max-width:650px;margin:15px auto}.stars{font-size:24px;color:var(--accent)}.story-meta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.story-meta span{padding:8px 12px;border-radius:99px;background:rgba(255,255,255,.08);font-size:13px}.player-card{position:relative;margin:-18px auto 22px;padding:28px;max-width:780px;text-align:center}.favorite-button{position:absolute;top:18px;right:18px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#777d98;font-size:20px}.favorite-button.active{color:var(--accent);background:rgba(255,179,107,.15)}audio{width:100%;margin-top:20px}.sleep-button{border:0;background:transparent;color:#c9c4ff;margin-top:12px}.audio-orb{width:75px;height:75px;display:grid;place-items:center;border-radius:50%;margin:8px auto 18px;background:linear-gradient(135deg,var(--primary),var(--accent));font-size:24px}.player-card small{display:block;color:var(--muted);margin-top:12px}.story-text{padding:32px}.story-text p{font-family:Georgia,serif;font-size:19px;line-height:1.85;color:#e8e5de}.story-actions{display:flex;justify-content:center;gap:25px;align-items:center;margin:25px}.filter-tabs{display:flex;gap:8px;margin:10px 0 25px}.filter-tabs a{padding:10px 15px;border-radius:99px;background:var(--surface);color:var(--muted)}.filter-tabs a.active{background:rgba(129,118,255,.18);color:#fff}.library-grid{grid-template-columns:repeat(3,1fr)}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.settings-grid .card{padding:28px}.credit-number{font-size:72px;font-weight:900;line-height:1;color:var(--accent);margin-top:15px}.clean-list{padding:0;list-style:none}.clean-list li{padding:10px 0;border-bottom:1px solid var(--line)}.clean-list li:before{content:'✓';color:var(--success);margin-right:10px}.bottom-nav{display:none}
@media(max-width:900px){.desktop-nav a:not(.avatar):not(.button){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:35px}.hero-demo{min-height:430px}.feature-grid,.story-grid,.settings-grid{grid-template-columns:1fr 1fr}.auth-layout{grid-template-columns:1fr;gap:20px}.auth-copy{display:none}.two-column{grid-template-columns:1fr}.sticky-card{position:static}.choice-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.topbar{height:68px;padding:0 16px}.brand img{width:39px;height:39px}.brand small{display:none}.desktop-nav{gap:8px}.page{padding:25px 15px 105px}.hero h1,.dashboard-head h1,.create-head h1{font-size:41px}.hero-copy>p{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-demo{min-height:380px}.moon{width:310px;height:310px}.demo-card{padding:24px}.demo-card h2{font-size:26px}.feature-section{padding:60px 0}.feature-grid,.story-grid,.settings-grid,.library-grid{grid-template-columns:1fr}.cta-panel{padding:30px;align-items:flex-start;flex-direction:column;gap:25px}.cta-panel h2{font-size:28px}.desktop-nav .button{display:none}.dashboard-head{align-items:flex-start;flex-direction:column}.dashboard-head>.button{width:100%}.creator{padding:5px 18px}.form-step{grid-template-columns:1fr;padding:28px 0}.step-number{width:34px;height:34px}.choice-grid.compact{grid-template-columns:repeat(2,1fr)}.split-fields{grid-template-columns:1fr}.creator-submit{align-items:stretch;flex-direction:column;gap:15px}.creator-submit .button{width:100%}.story-cover{padding:42px 20px}.story-cover h1{font-size:39px}.player-card,.story-text{padding:22px}.story-text p{font-size:17px}.story-actions{flex-direction:column}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;height:77px;padding:8px 8px max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(12,15,31,.94);backdrop-filter:blur(20px);border-top:1px solid var(--line)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#8187a2;font-size:10px}.bottom-nav a span{font-size:21px}.bottom-nav a.active{color:#fff}.bottom-nav .create-fab span{width:48px;height:48px;margin-top:-28px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--accent));display:grid;place-items:center;color:#fff;box-shadow:0 10px 30px rgba(129,118,255,.45)}.with-bottom-nav{padding-bottom:110px}.profile-card{align-items:flex-start}.auth-card{padding:24px}.narrow{margin:25px auto}.auth-layout{min-height:auto}.story-meta{gap:6px}}
.progress.determinate i{width:0;transform:none;animation:none;transition:width .35s ease}.generation-box>small{display:block;color:var(--muted);margin-top:12px}.button[disabled]{pointer-events:none}

/* KlangNest 1.3 – Geschichtenwelten und fortlaufende Folgen */
.step-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.step-title-row h2{margin-right:auto}.world-create-inline{display:inline-flex;align-items:center;margin:12px 0 4px;color:#d2ceff;font-weight:750}.world-layout{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:25px}.world-grid{display:grid;gap:18px}.world-card{padding:26px}.world-card-head{display:flex;align-items:center;gap:16px}.world-symbol{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--accent));font-size:23px;box-shadow:0 12px 30px rgba(129,118,255,.22)}.world-card h2,.story-world-strip h2{margin:2px 0 0;font-size:25px}.world-card small{color:var(--muted)}.world-card>p{color:var(--muted);margin:18px 0}.world-detail{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.world-detail span{color:#d9dcea;font-size:14px}.world-stats{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.world-stats span,.series-badge,.card-series-name{display:inline-flex;align-items:center;width:max-content;padding:6px 10px;border-radius:99px;background:rgba(129,118,255,.15);color:#d9d5ff;font-size:12px;font-weight:750}.world-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.world-form-card textarea{min-height:105px}.world-delete-form{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;text-align:center}.danger-link{color:#ff9c9c}.center-link{text-align:center}.world-empty{margin-top:0}.series-badge{margin:10px auto 0;background:rgba(255,255,255,.1);color:#fff}.story-world-strip{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin:22px 0;padding:24px 26px}.story-world-strip p{margin:7px 0 0;color:var(--muted)}.head-actions{display:flex;gap:10px;flex-wrap:wrap}.library-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.library-toolbar .filter-tabs{margin-bottom:0}.world-filter-form{min-width:285px}.world-filter-form label{font-size:12px;color:var(--muted)}.world-filter-form select{padding:10px 12px}.card-series-name{margin-top:10px}.update-card{padding:34px}.update-card code{display:inline-block;padding:2px 7px;border-radius:7px;background:rgba(255,255,255,.08)}
@media(max-width:900px){.world-layout{grid-template-columns:1fr}.story-world-strip{grid-template-columns:auto 1fr}.story-world-strip .button{grid-column:1/-1}.library-toolbar{align-items:stretch;flex-direction:column}.world-filter-form{min-width:0;width:100%}}
@media(max-width:640px){.step-title-row{flex-direction:column;gap:0}.step-title-row .text-link{margin:-10px 0 15px}.world-card{padding:21px}.world-actions{align-items:flex-start;flex-direction:column;gap:12px}.story-world-strip{grid-template-columns:1fr;text-align:center}.story-world-strip .world-symbol{margin:auto}.story-world-strip .button{width:100%}.head-actions{width:100%;flex-direction:column}.head-actions .button{width:100%}.library-toolbar .filter-tabs{width:100%;overflow:auto}.library-toolbar .filter-tabs a{white-space:nowrap}.world-filter-form select{font-size:16px}}