:root{--color-bg-primary: #07040f;--color-bg-secondary: #0f0a1f;--color-bg-tertiary: #170f2e;--color-bg-card: rgba(23, 15, 46, .65);--color-bg-card-hover: rgba(30, 20, 58, .8);--color-bg-glass: rgba(15, 10, 31, .6);--color-bg-input: rgba(23, 15, 46, .5);--color-accent-primary: #a78bfa;--color-accent-secondary: #7c3aed;--color-accent-tertiary: #c4b5fd;--color-accent-glow: rgba(167, 139, 250, .25);--color-accent-glow-strong: rgba(167, 139, 250, .45);--color-text-primary: #f0ecf9;--color-text-secondary: #a8a0c0;--color-text-muted: #6b6188;--color-text-accent: #c4b5fd;--color-border: rgba(167, 139, 250, .12);--color-border-hover: rgba(167, 139, 250, .3);--color-border-active: rgba(167, 139, 250, .5);--color-success: #34d399;--color-error: #f87171;--color-warning: #fbbf24;--color-info: #60a5fa;--color-fantasy: #a78bfa;--color-scifi: #60a5fa;--color-mystery: #f59e0b;--color-romance: #f472b6;--color-horror: #ef4444;--color-adventure: #34d399;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--text-6xl: 4.5rem;--leading-tight: 1.15;--leading-normal: 1.6;--leading-relaxed: 1.8;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .45);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .55);--shadow-glow: 0 0 30px var(--color-accent-glow);--shadow-glow-strong: 0 0 60px var(--color-accent-glow-strong);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--glass-blur: 20px;--glass-border: 1px solid var(--color-border)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(120px);opacity:.35;pointer-events:none;z-index:-1}body:before{width:600px;height:600px;background:radial-gradient(circle,var(--color-accent-secondary),transparent 70%);top:-200px;right:-200px}body:after{width:500px;height:500px;background:radial-gradient(circle,#4338ca,transparent 70%);bottom:-150px;left:-150px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full);border:2px solid var(--color-bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-secondary)}::selection{background:var(--color-accent-secondary);color:#fff}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-text-primary);line-height:var(--leading-tight)}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-accent-tertiary)}img{max-width:100%;display:block}#app{min-height:100vh;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--color-accent-glow)}50%{box-shadow:0 0 50px var(--color-accent-glow-strong)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes toastSlide{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}.animate-fade-in{animation:fadeIn var(--duration-slow) var(--ease-out) both}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.animate-slide-up{animation:slideUp .5s var(--ease-out) both}.animate-scale-in{animation:scaleIn var(--duration-slow) var(--ease-out) both}.animate-float{animation:float 3s var(--ease-in-out) infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-md) var(--space-xl);display:flex;align-items:center;justify-content:space-between;background:#07040fbf;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--color-border);animation:fadeInDown var(--duration-slow) var(--ease-out)}.navbar__brand{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.navbar__brand:hover{color:var(--color-accent-primary)}.navbar__brand-icon{font-size:var(--text-2xl);display:flex;align-items:center}.navbar__nav{display:flex;align-items:center;gap:var(--space-sm)}.navbar__link{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;border:none;background:none}.navbar__link:hover,.navbar__link.active{color:var(--color-text-primary);background:var(--color-bg-card)}.navbar__user{display:flex;align-items:center;gap:var(--space-sm)}.navbar__avatar{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--color-accent-secondary);object-fit:cover}.navbar__username{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;cursor:pointer;border:none;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;white-space:nowrap}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn--primary{background:linear-gradient(135deg,var(--color-accent-secondary),#6d28d9);color:#fff;box-shadow:var(--shadow-md),0 0 20px var(--color-accent-glow)}.btn--primary:hover{box-shadow:var(--shadow-lg),0 0 40px var(--color-accent-glow-strong);transform:translateY(-2px)}.btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.btn--primary:disabled:hover:after{opacity:0}.btn--secondary{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn--secondary:hover{border-color:var(--color-border-hover);background:var(--color-bg-card-hover);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--color-text-secondary);padding:8px 16px}.btn--ghost:hover{color:var(--color-text-primary);background:var(--color-bg-card)}.btn--danger{background:#f8717126;color:var(--color-error);border:1px solid rgba(248,113,113,.2)}.btn--danger:hover{background:#f8717140;border-color:#f8717166}.btn--lg{padding:16px 36px;font-size:var(--text-base);border-radius:var(--radius-lg)}.btn--sm{padding:6px 14px;font-size:var(--text-xs)}.btn--icon{padding:10px;border-radius:var(--radius-md)}.card{background:var(--color-bg-card);border:var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));transition:all var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg)}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);letter-spacing:.02em}.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-base);transition:all var(--duration-fast) var(--ease-out);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-glow)}.form-textarea{resize:vertical;min-height:100px;line-height:var(--leading-relaxed)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a8a0c0' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px;cursor:pointer}.form-select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}.genre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md)}.genre-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-align:center}.genre-card__icon{font-size:2rem;transition:transform var(--duration-normal) var(--ease-spring)}.genre-card__label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.genre-card:hover{transform:translateY(-3px);border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.genre-card:hover .genre-card__icon{transform:scale(1.2)}.genre-card.selected{border-color:var(--color-accent-primary);background:#a78bfa14;box-shadow:var(--shadow-glow)}.genre-card.selected .genre-card__label{color:var(--color-accent-primary)}.mood-slider{display:flex;flex-direction:column;gap:var(--space-sm)}.mood-slider__track{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-full);background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6,#ef4444);outline:none;cursor:pointer}.mood-slider__track::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--color-accent-primary);box-shadow:0 0 10px var(--color-accent-glow);cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring)}.mood-slider__track::-webkit-slider-thumb:hover{transform:scale(1.2)}.mood-slider__labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-muted)}.toast-container{position:fixed;top:80px;right:var(--space-xl);z-index:1000;display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-lg);animation:toastSlide .4s var(--ease-out) both;pointer-events:auto;max-width:380px;min-width:280px}.toast--exiting{animation:toastSlideOut .3s var(--ease-out) both}.toast__icon{font-size:var(--text-lg);flex-shrink:0;margin-top:2px}.toast__content{flex:1}.toast__title{font-weight:600;font-size:var(--text-sm);margin-bottom:2px}.toast__message{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-normal)}.toast__close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-lg);padding:0;line-height:1;flex-shrink:0}.toast__close:hover{color:var(--color-text-primary)}.toast--success{border-left:3px solid var(--color-success)}.toast--error{border-left:3px solid var(--color-error)}.toast--warning{border-left:3px solid var(--color-warning)}.toast--info{border-left:3px solid var(--color-info)}.toast--success .toast__icon{color:var(--color-success)}.toast--error .toast__icon{color:var(--color-error)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--info .toast__icon{color:var(--color-info)}.hero{padding:calc(80px + var(--space-4xl)) var(--space-xl) var(--space-3xl);text-align:center;position:relative}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:6px 16px;background:#a78bfa1a;border:1px solid rgba(167,139,250,.2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--color-accent-primary);margin-bottom:var(--space-lg);letter-spacing:.05em;text-transform:uppercase}.hero__title{font-size:clamp(var(--text-3xl),6vw,var(--text-6xl));font-weight:800;margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--color-text-primary),var(--color-accent-primary),var(--color-accent-tertiary));background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease infinite}.hero__subtitle{font-size:clamp(var(--text-base),2vw,var(--text-xl));color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-2xl);line-height:var(--leading-relaxed)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#07040feb;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);animation:fadeIn var(--duration-slow) var(--ease-out)}.loading-overlay__spinner{width:64px;height:64px;border:3px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-xl)}.loading-overlay__quill{font-size:3rem;margin-bottom:var(--space-xl);animation:float 2s var(--ease-in-out) infinite}.loading-overlay__status{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-sm);text-align:center}.loading-overlay__substatus{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.loading-overlay__progress{width:240px;height:4px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);margin-top:var(--space-xl);overflow:hidden}.loading-overlay__progress-bar{height:100%;background:linear-gradient(90deg,var(--color-accent-secondary),var(--color-accent-primary));border-radius:var(--radius-full);transition:width .5s var(--ease-out)}.section{padding:var(--space-2xl) var(--space-xl);max-width:900px;margin:0 auto;width:100%}.section__title{font-size:var(--text-2xl);margin-bottom:var(--space-lg)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge--fantasy{background:#a78bfa26;color:var(--color-fantasy)}.badge--scifi{background:#60a5fa26;color:var(--color-scifi)}.badge--mystery{background:#f59e0b26;color:var(--color-mystery)}.badge--romance{background:#f472b626;color:var(--color-romance)}.badge--horror{background:#ef444426;color:var(--color-horror)}.badge--adventure{background:#34d39926;color:var(--color-adventure)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl) var(--space-xl);text-align:center}.empty-state__icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.4}.empty-state__title{font-size:var(--text-xl);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.empty-state__text{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-xl);max-width:400px}@media(max-width:768px){.navbar{padding:var(--space-sm) var(--space-md)}.navbar__username{display:none}.section{padding:var(--space-xl) var(--space-md)}.hero{padding:calc(64px + var(--space-2xl)) var(--space-md) var(--space-xl)}.genre-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.genre-card{padding:var(--space-md) var(--space-sm)}.toast-container{left:var(--space-md);right:var(--space-md)}.toast{max-width:100%;min-width:0}}@media(max-width:480px){.genre-grid{grid-template-columns:repeat(2,1fr)}}.story-viewer{padding-top:80px;min-height:100vh}.cover-hero{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:var(--space-2xl) var(--space-xl);display:flex;align-items:center;justify-content:center;gap:var(--space-3xl);animation:fadeIn .6s var(--ease-out)}.cover-hero__art-wrapper{position:relative;flex-shrink:0}.cover-hero__art{width:320px;height:450px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl),var(--shadow-glow-strong);animation:scaleIn .6s var(--ease-out) both;transition:transform var(--duration-slow) var(--ease-out)}.cover-hero__art:hover{transform:scale(1.03) rotate(.5deg)}.cover-hero__art-wrapper:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(ellipse,var(--color-accent-glow-strong),transparent 70%);border-radius:var(--radius-xl);z-index:-1;animation:glowPulse 4s var(--ease-in-out) infinite}.cover-hero__info{flex:1;max-width:500px}.cover-hero__genre{margin-bottom:var(--space-md)}.cover-hero__title{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:800;margin-bottom:var(--space-md);line-height:var(--leading-tight);animation:fadeInUp .6s var(--ease-out) .2s both}.cover-hero__synopsis{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-lg);animation:fadeInUp .6s var(--ease-out) .3s both}.cover-hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xl);animation:fadeInUp .6s var(--ease-out) .4s both}.cover-hero__meta-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-muted)}.cover-hero__meta-item span{color:var(--color-text-secondary)}.cover-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);animation:fadeInUp .6s var(--ease-out) .5s both}.story-content{max-width:720px;margin:0 auto;padding:var(--space-3xl) var(--space-xl)}.chapter{margin-bottom:var(--space-3xl);animation:fadeInUp .5s var(--ease-out) both}.chapter__number{font-size:var(--text-xs);font-weight:700;color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-sm)}.chapter__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-lg);color:var(--color-text-primary);position:relative;padding-bottom:var(--space-md)}.chapter__title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--color-accent-primary),transparent);border-radius:var(--radius-full)}.chapter__text{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);white-space:pre-wrap}.chapter__text p{margin-bottom:var(--space-lg)}.chapter__divider{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin:var(--space-3xl) 0;color:var(--color-text-muted);font-size:var(--text-sm)}.chapter__divider:before,.chapter__divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.story-footer{text-align:center;padding:var(--space-3xl) var(--space-xl);border-top:1px solid var(--color-border);max-width:720px;margin:0 auto}.story-footer__text{font-family:var(--font-display);font-size:var(--text-2xl);font-style:italic;color:var(--color-text-muted);margin-bottom:var(--space-xl)}.story-footer__actions{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.gallery-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);animation:fadeInUp .4s var(--ease-out) both}.gallery-card:hover{transform:translateY(-6px);border-color:var(--color-border-hover);box-shadow:var(--shadow-xl),var(--shadow-glow)}.gallery-card__cover{width:100%;height:200px;object-fit:cover;border-bottom:1px solid var(--color-border)}.gallery-card__cover-placeholder{width:100%;height:200px;background:linear-gradient(135deg,var(--color-bg-tertiary),var(--color-bg-secondary));display:flex;align-items:center;justify-content:center;font-size:3rem;opacity:.3;border-bottom:1px solid var(--color-border)}.gallery-card__body{padding:var(--space-lg)}.gallery-card__genre{margin-bottom:var(--space-sm)}.gallery-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-sm);color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gallery-card__meta{display:flex;align-items:center;gap:var(--space-md);font-size:var(--text-xs);color:var(--color-text-muted)}.gallery-card__delete{position:absolute;top:var(--space-sm);right:var(--space-sm);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.gallery-card{position:relative}.gallery-card:hover .gallery-card__delete{opacity:1}@media(max-width:768px){.cover-hero{flex-direction:column;text-align:center;padding:var(--space-xl) var(--space-md);gap:var(--space-xl)}.cover-hero__art{width:240px;height:340px}.cover-hero__meta,.cover-hero__actions{justify-content:center}.chapter__title:after{left:50%;transform:translate(-50%)}.story-content{padding:var(--space-xl) var(--space-md)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}