.stories-page{background:radial-gradient(circle at 82% 8%, #a26bff1f, transparent 28%), var(--background);min-height:100vh}.stories-topbar{z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--background) 84%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);grid-template-columns:190px 1fr 190px;align-items:center;gap:24px;height:76px;padding:0 clamp(20px,4vw,64px);display:grid;position:sticky;top:0}.stories-topbar nav{justify-content:center;align-items:center;gap:30px;display:flex}.stories-topbar nav a{color:var(--muted);font-size:11px;position:relative}.stories-topbar nav a:hover,.stories-topbar nav a.active{color:var(--foreground)}.stories-topbar nav a.active:after{content:"";background:var(--cyan);height:2px;position:absolute;bottom:-12px;left:0;right:0}.stories-topbar>div{justify-content:end;align-items:center;gap:10px;display:flex}.stories-main{width:min(1240px,100% - 40px);margin:0 auto;padding:clamp(45px,8vw,100px) 0 100px}.stories-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;padding-bottom:48px;display:grid}.stories-hero span,.story-upload-form header span,.story-manage header span{color:var(--cyan);letter-spacing:.22em;font-size:9px;font-weight:800}.stories-hero h1{letter-spacing:-.075em;margin:15px 0 14px;font-size:clamp(48px,7.7vw,108px);line-height:.9}.stories-hero h1 em{color:var(--violet-bright);font-style:normal}.stories-hero p{max-width:680px;color:var(--muted);margin:0;line-height:1.7}.stories-hero>a{color:#071016;background:var(--cyan);border-radius:999px;justify-content:space-between;gap:25px;min-width:178px;padding:14px 18px;font-size:11px;font-weight:800;display:flex}.story-create-grid{grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:24px;margin-top:70px;scroll-margin-top:96px;display:grid}.story-upload-form,.story-manage{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);border-radius:28px;padding:clamp(24px,4vw,42px)}.story-upload-form header,.story-manage>header{margin-bottom:26px}.story-upload-form h2,.story-manage h2{letter-spacing:-.045em;margin:8px 0;font-size:clamp(28px,4vw,45px)}.story-upload-form header p,.story-manage header p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.story-upload-form>label,.story-form-row label{color:var(--muted);gap:8px;margin-top:17px;font-size:10px;display:grid}.story-upload-form textarea,.story-upload-form select{width:100%;color:var(--foreground);border:1px solid var(--line-strong);background:var(--background);border-radius:14px;outline:none}.story-upload-form textarea{resize:vertical;min-height:82px;padding:13px}.story-upload-form select{height:46px;padding:0 12px}.story-upload-form textarea:focus,.story-upload-form select:focus{border-color:color-mix(in srgb, var(--cyan) 60%, var(--line));box-shadow:0 0 0 3px #7ee7ff12}.story-dropzone{cursor:pointer;background:linear-gradient(135deg,#7ee7ff0a,#a26bff0f);border-radius:22px;align-content:center;place-items:center;min-height:260px;position:relative;overflow:hidden;border:1px dashed color-mix(in srgb, var(--violet-bright) 60%, var(--line))!important;gap:9px!important;display:grid!important}.story-dropzone>i{color:#071016;background:var(--cyan);border-radius:50%;place-items:center;width:48px;height:48px;font-size:28px;font-style:normal;display:grid}.story-dropzone strong{color:var(--foreground);font-size:13px}.story-dropzone input{opacity:0;width:1px;height:1px;position:absolute}.story-dropzone:focus-within{outline:2px solid var(--violet-bright);outline-offset:3px;border-color:var(--violet-bright)!important}.story-dropzone img{object-fit:contain;background:#05070b;width:100%;height:100%;position:absolute;inset:0}.story-dropzone.has-preview:after{content:"Bild ändern";color:#fff;background:#000000ad;border-radius:999px;padding:8px 11px;font-size:9px;position:absolute;bottom:12px;right:12px}.story-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.story-upload-form>button{color:#071016;background:var(--cyan);cursor:pointer;border:0;border-radius:999px;width:100%;height:50px;margin-top:20px;font-size:11px;font-weight:820}.story-upload-form>button:disabled{opacity:.45;cursor:not-allowed}.story-upload-policy{color:var(--muted);text-align:center;margin-top:10px;line-height:1.5;display:block}.story-form-error,.story-form-notice{border-radius:12px;margin:14px 0 0;padding:11px 13px;font-size:11px}.story-form-error{color:#ffb7c8;background:#ff50781a}.story-form-notice{color:var(--cyan);background:#7ee7ff14}.story-auth-callout{border:1px solid var(--line);background:var(--background);border-radius:15px;margin-bottom:18px;padding:15px}.story-auth-callout p{color:var(--muted);margin:5px 0 10px;font-size:11px}.story-auth-callout a{color:var(--cyan);font-size:10px}.story-manage-list{gap:10px;display:grid}.story-manage-list article{border:1px solid var(--line);background:var(--background);border-radius:16px;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:13px;padding:9px;display:grid}.story-manage-thumb{background:var(--surface-2);border-radius:11px;place-items:center;width:66px;height:82px;display:grid;overflow:hidden}.story-manage-thumb img{object-fit:cover;width:100%;height:100%}.story-manage-thumb i{color:var(--muted);letter-spacing:.15em;font-size:9px;font-style:normal}.story-manage-list strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.story-manage-list small{color:var(--muted);margin-top:6px;font-size:9px;display:block}.story-manage-list button{color:#ff9eb5;cursor:pointer;background:0 0;border:1px solid #ff648c33;border-radius:999px;padding:7px 10px;font-size:9px}.story-manage-empty{min-height:260px;color:var(--muted);border:1px dashed var(--line-strong);text-align:center;border-radius:20px;align-content:center;place-items:center;padding:30px;display:grid}.story-manage-empty b{color:var(--foreground)}.story-manage-empty p{max-width:290px;font-size:11px;line-height:1.6}.story-manage-loading{gap:10px;display:grid}.story-manage-loading i{background:var(--surface-2);border-radius:15px;height:88px;animation:1.2s ease-in-out infinite alternate story-pulse}.stories-footer{border-top:1px solid var(--line);align-items:center;gap:24px;min-height:120px;padding:30px clamp(20px,4vw,64px);display:flex}.stories-footer p{color:var(--muted);flex:1;font-size:11px}.stories-footer a{color:var(--cyan);font-size:10px}@media (max-width:850px){.stories-page{padding-bottom:72px}.stories-topbar{grid-template-columns:1fr auto}.stories-topbar nav{left:12px;right:12px;bottom:max(10px, env(safe-area-inset-bottom));z-index:80;border:1px solid var(--line-strong);background:color-mix(in srgb, var(--background) 94%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:18px;justify-content:space-around;gap:4px;min-width:0;height:52px;padding:0 8px;display:flex;position:fixed;overflow-x:auto;box-shadow:0 14px 45px #0000006b}.stories-topbar nav a{place-items:center;min-width:max-content;padding:0 8px;display:grid}.stories-topbar nav a.active:after{bottom:4px;left:8px;right:8px}.story-create-grid{grid-template-columns:1fr}}@media (max-width:620px){.stories-main{width:min(100% - 28px,1240px);padding-top:48px}.stories-hero{grid-template-columns:1fr}.stories-hero>a{width:100%}.story-form-row{grid-template-columns:1fr}.story-manage-list article{grid-template-columns:54px minmax(0,1fr)}.story-manage-thumb{width:54px;height:68px}.story-manage-list button{grid-column:2;justify-self:start}.stories-footer{flex-wrap:wrap}}