.landing{min-height:100vh;position:relative;overflow:hidden;margin:0;padding:0}.landing-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-image:url(/backgrounds/skazki_ii.png);background-size:cover;background-position:top center}.landing-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000004d,#00000080,#000000d9)}.landing-content{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:80px;transform:none}.landing-subtitle{font-size:18px;color:#ffffffb3;text-align:center;margin:0 0 32px}.landing-buttons{display:flex;gap:16px;margin-bottom:60px}.btn-create{position:relative;background-image:linear-gradient(135deg,#0a061640,#04030a33),url(/backgrounds/magia.png);background-size:cover;background-position:center;color:#fff;padding:16px 44px;border-radius:999px;font-size:16px;font-weight:800;letter-spacing:.2px;border:1px solid rgba(255,255,255,.35);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;filter:brightness(1.35) saturate(1.2);box-shadow:inset 0 0 0 1px #ffffff1f,0 18px 40px #5028a080,0 0 32px #785aff73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-create:hover{transform:translateY(-2px) scale(1.02);box-shadow:inset 0 0 0 1px #ffffff29,0 22px 48px #5028b4a6,0 0 40px #8264ff99;filter:brightness(1.5) saturate(1.3)}.btn-library{position:relative;background-image:linear-gradient(135deg,#0e0a1c59,#06050e4d),url(/backgrounds/biblio.png);background-size:cover;background-position:center;border:1px solid rgba(160,120,255,.35);color:#ebf0ffe6;padding:16px 44px;border-radius:999px;font-size:16px;font-weight:500;letter-spacing:.2px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;filter:brightness(1.2) saturate(1.1);box-shadow:inset 0 0 0 1px #ffffff0d,0 10px 26px #28145a59;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-library:hover{border-color:#a078ffb3;transform:translateY(-2px) scale(1.02);box-shadow:inset 0 0 0 1px #ffffff14,0 14px 34px #3c1e7873;filter:brightness(1.35) saturate(1.15)}.landing-footer{font-size:12px;color:#ffffff4d;margin:0}@media(max-width:768px){.landing-content{padding-bottom:60px}.landing-buttons{flex-direction:column;gap:12px}.btn-create,.btn-library{width:100%;max-width:280px;padding:14px 32px}.landing-subtitle{padding:0 24px}}.door-select{position:relative;min-height:100vh;overflow:hidden;padding:40px 24px 60px;display:flex;flex-direction:column;align-items:center;gap:24px}.door-background{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/backgrounds/magia.png);background-size:cover;background-position:center;opacity:.75;z-index:0}.door-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0fbf;z-index:1}.door-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:1600px}.main-title{position:relative;z-index:2;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:500;font-family:Georgia,serif;color:#f0ead6;text-align:center;margin:0;letter-spacing:-.02em;flex:1}.door-exit{background:#ffffff1a;color:#ffffffd9;padding:.75rem 1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.door-exit:hover{background:#ffffff2e;transform:translateY(-2px)}.door-header-spacer{width:110px}.genre-grid{position:relative;z-index:2;width:100%;max-width:1600px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.genre-card{padding:30px;border-radius:24px;border:1.5px solid rgba(255,255,255,.1);background:#ffffff0d;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:12px;transition:transform .2s ease,border-color .2s ease,background .2s ease;color:#fff}.genre-card:hover{transform:translateY(-4px)}.genre-title-row{display:flex;align-items:center;gap:12px}.genre-dot{width:12px;height:12px;border-radius:50%}.genre-title{font-size:21px;font-weight:600;color:#fff}.genre-description{font-size:18px;color:#ffffff80}.age-block{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px}.age-title{font-size:21px;color:#fffc}.age-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.age-pill{padding:12px 24px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fffc;font-size:18px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.age-pill.active{background:#fff;color:#1b1224;border-color:#fff}.next-button{position:relative;z-index:2;background:#fff;color:#1b1224;border:none;border-radius:50px;padding:14px 48px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.next-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000040}@media(max-width:900px){.genre-grid{grid-template-columns:repeat(2,1fr)}}.story-wizard{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);background-size:cover;background-position:center}.story-wizard.preview-mode{background:linear-gradient(180deg,#0000004d,#0009);background-size:cover;background-position:center;background-repeat:no-repeat}.story-wizard.options-mode{background:linear-gradient(180deg,#0000004d,#00000080),url(/backgrounds/mir.png);background-size:cover;background-position:center;background-repeat:no-repeat}.story-wizard.generating-mode{background:linear-gradient(180deg,#06081259,#06081299),url(/backgrounds/magia.png);background-size:cover;background-position:center;background-repeat:no-repeat}.story-wizard.value-mode{background:linear-gradient(180deg,#06081259,#0608128c),url(/backgrounds/vibor.png);background-size:cover;background-position:center;background-repeat:no-repeat}.wizard-values{background:transparent;padding:2.5rem;border-radius:20px;box-shadow:none;max-width:1600px;width:100%;min-height:85vh;text-align:center;color:#f4f6ff;display:flex;flex-direction:column;gap:2rem}.values-title{font-size:2rem;margin:0;color:#f4f6ff}.wizard-values-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.wizard-values-spacer{width:120px}.values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%}.value-card{background:#ffffff0d;border:1.5px solid rgba(255,255,255,.1);color:#f4f6ff;padding:30px;border-radius:24px;font-size:1.25rem;font-weight:600;transition:transform .2s ease,border-color .2s ease,background .2s ease}.value-card:hover{transform:translateY(-2px);background:#ffffff1f;border-color:#ffffff59}.value-card.selected{background:#667eea59;border-color:#667eeacc;box-shadow:0 8px 20px #667eea59}.wizard-generating{display:flex;flex-direction:column;align-items:center;gap:2rem;background:#ffffffeb;padding:3rem;border-radius:16px;box-shadow:0 12px 36px #00000059;max-width:500px;text-align:center;transition:all .3s ease}.loading-screen{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:1}}.progress-container{width:100%;height:8px;background:#ffffff4d;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:#fff;transition:width .1s linear;border-radius:4px}.progress-text{font-size:1.2rem;color:#fff;margin:0;font-weight:600}.stages-indicator{display:flex;gap:.75rem;justify-content:center}.stage-dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.stage-dot.active{background:#fff;transform:scale(1.2)}.wizard-generating h2{font-size:2rem;color:#333;margin:0}.loading-screen h2{font-size:1.8rem;color:#fff;margin:0;min-height:2.5rem;animation:fadeInOut .5s ease-in-out}.wizard-generating .world-name{font-size:1.3rem;color:#666;margin:0;font-weight:500}.worlds-slider{width:100%;max-width:680px;min-height:220px;display:flex;align-items:center;justify-content:center}.world-slide{width:100%;background:#fffffff2;border-radius:18px;padding:2rem;box-shadow:0 12px 32px #0003;animation:fadeSlide .6s ease}.world-slide.has-image{color:#f4f6ff;text-shadow:0 2px 6px rgba(0,0,0,.45)}.world-slide.placeholder{opacity:.8}.world-slide-title{font-family:Georgia,serif;font-size:1.5rem;color:#2a2a2a;margin:0 0 .75rem}.world-slide-text{font-size:1rem;color:#444;line-height:1.6;margin:0}.world-slide.has-image .world-slide-text,.world-slide.has-image .world-slide-title{color:#f4f6ff}.world-slide-meta{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;font-size:.95rem;color:#444}.world-slide.has-image .world-slide-meta{color:#f4f6ff}.world-slide-label{font-weight:600}@keyframes fadeSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.progress-status{font-size:1rem;color:#ffffffe6;margin-top:1rem;text-align:center}.error-message{background:#fee;color:#c00;padding:1rem;border-radius:8px;border-left:4px solid #c00;text-align:left}.wizard-preview{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 8px 32px #0003;max-width:700px;overflow-y:auto;max-height:90vh;background-color:#fff}.wizard-preview h2{font-size:2rem;color:#333;text-align:center;margin:0 0 2rem;text-shadow:0 1px 2px rgba(255,255,255,.8)}.preview-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(0,0,0,.1);background:#ffffffb3;padding:1.5rem;border-radius:12px}.preview-section h3{font-size:1.3rem;color:#333;margin:0 0 1rem;text-shadow:0 1px 1px rgba(255,255,255,.8)}.preview-hero-image{width:120px;height:120px;object-fit:cover;border-radius:50%;margin-bottom:1rem;box-shadow:0 4px 12px #00000026;border:3px solid rgba(255,255,255,.8)}.preview-hero-image.clickable{cursor:pointer;transition:transform .2s ease}.preview-hero-image.clickable:hover{transform:scale(1.1)}.preview-section p{color:#444;line-height:1.6;margin:0;font-size:.95rem;background:#ffffff80;padding:.75rem;border-radius:8px}.wizard-options{background:#fffffff2;padding:2rem;border-radius:16px;box-shadow:0 8px 32px #0003;max-width:960px;width:100%;text-align:center}.wizard-options-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.wizard-options-header h2{margin:0;font-size:2rem;color:#333;flex:1;text-align:center}.wizard-options-spacer{width:120px}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.option-card{background:#f8f9ff;border:1px solid #e3e8ff;border-radius:16px;overflow:hidden;text-align:left;cursor:pointer;padding:0;transition:all .2s ease;display:flex;flex-direction:column;height:100%}.option-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #667eea33}.option-image{height:170px;background:#e6e9ff;display:flex;align-items:center;justify-content:center;overflow:hidden}.option-image img{width:100%;height:100%;object-fit:cover}.option-placeholder{font-size:2rem}.option-body{padding:1rem 1.2rem 1.4rem;display:flex;flex-direction:column;gap:.75rem}.option-body h3{margin:0;font-size:1.1rem;color:#2a2a2a}.option-body p{margin:0;color:#5a5a5a;line-height:1.5;font-size:.95rem}.option-subgrid{display:flex;gap:1rem;margin-top:auto}.option-subitem{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#444}.option-subitem img{width:32px;height:32px;border-radius:8px;object-fit:cover}.wizard-preview h2{font-size:2rem;color:#333;text-align:center;margin:0 0 2rem}.preview-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #eee}.preview-section:last-of-type{border-bottom:none}.preview-section h3{font-size:1.3rem;color:#333;margin:0 0 1rem}.preview-image{width:100%;max-height:250px;object-fit:cover;border-radius:8px;margin-bottom:1rem}.preview-section p{color:#666;line-height:1.6;margin:0;font-size:.95rem}.btn-primary,.btn-secondary{padding:1rem 2rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-width:200px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0}.wizard-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;background:#fffc;padding:1.5rem;border-radius:12px}@media(max-width:768px){.wizard-values{padding:1.5rem}.values-title{font-size:1.6rem}.wizard-generating{padding:1.5rem}.wizard-preview{max-height:85vh}.btn-primary,.btn-secondary{width:100%}}.image-gen-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000}.image-gen-modal-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(3px);opacity:.3;animation:fadeInOut 3s infinite}.image-gen-modal-content{position:relative;background:#fffffff2;padding:2rem 3rem;border-radius:16px;box-shadow:0 8px 32px #0000004d}.view-image-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.view-image-modal-content{background:#fff;padding:2rem;border-radius:16px;max-width:90vw;max-height:90vh;text-align:center;overflow:auto}.view-image-modal-content img{max-width:400px;max-height:400px;border-radius:12px;margin:1rem 0}.view-image-modal-content h3{margin:0;font-size:1.5rem;color:#333}.view-image-modal-content p{color:#666;margin:0 0 1.5rem}.story-reader{min-height:100vh;padding-bottom:4rem;font-family:Georgia,serif;color:#333;background-size:30% auto;background-position:center bottom;background-repeat:no-repeat}.story-reader.page-flip .content-wrapper{animation:pageFlip .45s ease;transform-origin:left center}.story-reader.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:2rem}.story-reader.empty p{font-size:1.5rem;color:#333}.btn-back-menu{position:absolute;top:2rem;left:2rem;background:#0000001a;border:2px solid #333;color:#333;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;z-index:100}.btn-back-menu:hover{background:#0003;transform:translateY(-2px)}.chapter-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.speak-button{background:#fffc;border:2px solid #666;border-radius:50%;width:44px;height:44px;font-size:1.4rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.speak-button:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0003}.speak-button.speaking{background:#4caf50;border-color:#4caf50;animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.image-container{position:relative;width:100%;height:45vh;overflow:hidden}.scene-image{width:100%;height:100%;object-fit:cover}.image-gradient{position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,transparent,var(--bg-color));pointer-events:none}.content-wrapper{max-width:680px;margin:0 auto;padding:3rem;display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a}.reader-back-row{width:100%;display:flex;justify-content:flex-start;padding:0 2rem;margin-top:.75rem}.chapter-title{font-size:28px;font-family:Georgia,serif;color:#333;text-align:center;margin:32px 0 0;line-height:1.3;animation:fadeIn .4s ease-in}.reader-back-button{position:static;align-self:flex-start;margin:.25rem 0 .5rem;background:#fffffff2!important;color:#333!important;border-color:#999!important;text-shadow:none;font-weight:700;box-shadow:0 2px 8px #0003}.narration{font-size:18px;line-height:1.9;color:#333;margin:2rem 0;animation:fadeIn .4s ease-in}.narration p{margin:0 0 20px}.narration p:last-child{margin-bottom:0}.choices-section{margin-top:3rem;animation:fadeIn .4s ease-in}.choices-title{font-size:18px;font-family:Georgia,serif;color:#a09880;text-align:center;margin:0 0 1.5rem;font-weight:400}.choices-grid{display:flex;flex-direction:column;gap:12px}.choice-button{min-height:64px;padding:1rem 1.5rem;font-size:16px;border:none;border-radius:16px;cursor:pointer;font-weight:500;transition:all .3s ease;color:#000;background:#f5f0e6;border:1px solid #e0d8c8;text-align:left;line-height:1.4}.choice-button:hover:not(:disabled){transform:scale(1.02);background:#e8e0d0}.choice-button.choice-selected{background:#d4c9b5;border-color:#c0b39f}.choice-button:disabled{opacity:.5;cursor:not-allowed}.choice-button.choice-selected{background:#a0a0a02e;border-color:#a0a0a080;color:#c8c8c8e6;filter:grayscale(.2)}.choice-button.choice-used{border:2px solid #8b7355;background:linear-gradient(135deg,#f5f0e6,#e8dcc8);box-shadow:0 0 12px #8b73554d;position:relative}.choice-button.choice-used:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:#8b7355;border-radius:50%;display:flex;align-items:center;justify-content:center}.choice-used-badge{display:block;font-size:12px;color:#8b7355;font-weight:600;margin-top:4px;letter-spacing:.05em}.loading-indicator{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#00000014;border:2px solid #333;padding:1rem 2rem;border-radius:8px;color:#333;font-weight:600;z-index:50;animation:pulse 1.5s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageFlip{0%{opacity:.6;transform:rotateY(-15deg) translate(-8px)}to{opacity:1;transform:rotateY(0) translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:768px){.btn-back-menu{top:1rem;left:1rem;padding:.6rem 1.2rem;font-size:.9rem}.image-container{height:40vh}.content-wrapper{padding:0 1rem}.chapter-title{font-size:22px;margin-top:2rem}.narration{font-size:16px;line-height:1.8}.choice-button{min-height:56px;font-size:15px;padding:.75rem 1rem}.loading-indicator{bottom:1rem;padding:.75rem 1.5rem;font-size:.9rem}}.my-stories{position:relative;min-height:100vh;overflow:hidden;padding:0;display:flex;flex-direction:column}.stories-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:32px 24px 16px}.stories-header h1{position:absolute;left:50%;transform:translate(-50%);margin:0;font-size:2rem;font-family:Georgia,serif;color:#fff;font-weight:700}.btn-back-menu{background:#ffffff1a;color:#fffc;padding:.75rem 1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;position:relative;z-index:1}.btn-back-menu:hover{background:#ffffff26;transform:translateY(-2px)}.stories-shelves{padding:0 40px 60px;display:flex;flex-direction:column;gap:48px}.world-shelf{display:flex;flex-direction:column;gap:12px}.shelf-title{font-size:1rem;color:#fff8c88c;margin:0;letter-spacing:.14em;text-transform:uppercase;font-weight:400;font-family:Georgia,serif}.shelf-row{display:flex;flex-direction:row;align-items:flex-end;gap:16px;padding:16px 24px 0;flex-wrap:wrap;background:linear-gradient(180deg,#28190a00,#28190a40);border-radius:4px 4px 0 0}.shelf-plank{height:16px;background:linear-gradient(180deg,#8b6035,#5a3a1a 45%,#3a2210);border-radius:0 0 4px 4px;box-shadow:0 5px 18px #000000a6,inset 0 1px #ffc86433}.book-spine{width:68px;height:230px;border-radius:3px 7px 7px 3px;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s;box-shadow:4px 4px 12px #0000008c,inset -3px 0 8px #00000040;flex-shrink:0}.book-spine:hover{transform:translateY(-18px) rotate(-1.5deg);box-shadow:8px 18px 32px #000000bf,inset -3px 0 8px #00000040;z-index:10}.book-spine-header{flex:0 0 25%;background:linear-gradient(180deg,#000000f2,#000000d9);padding:10px 6px;text-align:center;font-size:.6rem;color:#fff8dcf2;letter-spacing:.02em;line-height:1.4;font-family:Georgia,serif;min-height:50px;display:flex;align-items:center;justify-content:center;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;white-space:normal;box-sizing:border-box}.book-spine-images{flex:0 0 75%;width:100%;display:flex;flex-direction:column;gap:0}.btn-new-story{background:#fffffff2;color:#0a0a0f;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.empty-state{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:3rem;text-align:center}.empty-state p{font-size:1.2rem;color:#ffffffb3;margin:.5rem 0}.btn-primary{background:#fffffff2;color:#0a0a0f;padding:1rem 2rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;margin-top:1.5rem}.stories-shelves{display:flex;flex-direction:column;gap:2rem;padding:48px 24px 2rem}.world-shelf{position:relative;border-top:5px solid #5a3a1a;border-bottom:7px solid #3a2008;background:#ffffff05;box-shadow:0 4px 12px #0009;padding:32px 12px}.shelf-title{position:absolute;top:-16px;left:50%;transform:translate(-50%);padding:4px 12px;background:#080514cc;color:#ffffffe6;font-family:Georgia,serif;font-size:.95rem;font-weight:700;border:1px solid rgba(255,255,255,.2);border-radius:999px;text-align:center;white-space:nowrap}.stories-grid{display:flex;flex-wrap:nowrap;gap:3px}.story-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:54px;height:238px;flex-shrink:0;display:grid;grid-template-rows:60px 60px 60px 60px;border-radius:3px 6px 6px 3px;overflow:hidden;box-shadow:-3px 0 6px #000000b3;cursor:pointer;padding:0;border:none;transition:transform .2s ease}.story-card:hover{transform:translateY(-4px)}.spine-title-cell{background:#1a0d03;display:flex;align-items:center;justify-content:center;padding:4px;overflow:hidden}.spine-title-text{color:#ffd278f2;font-family:Georgia,serif;font-size:.55rem;font-weight:700;text-align:center;line-height:1.3;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.spine-img-cell{overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ffffff0d;font-size:1.2rem}.spine-img-cell img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:768px){.stories-header{padding:24px 16px 16px}.stories-shelves{padding:0 16px 1.5rem}.world-shelf{overflow-x:auto}}.story-contents{position:relative;min-height:100vh;overflow:hidden}.story-contents-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/backgrounds/biblio.png);background-size:cover;background-position:center;opacity:.5;z-index:0}.story-contents-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#08051499;z-index:1}.story-contents-body{position:relative;z-index:2;padding:24px 24px 48px;display:flex;flex-direction:column;gap:1.5rem}.story-contents-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.story-contents .btn-back-menu{position:static;background:#ffffff1a;color:#ffffffe6;padding:.75rem 1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.story-contents .btn-back-menu:hover{background:#ffffff26;transform:translateY(-2px)}.story-contents-header h1{margin:0;text-align:center;font-family:Georgia,serif;font-size:2rem;color:#ffffffeb}.story-contents-hero{width:100%;max-height:240px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.story-contents-hero img{width:100%;height:100%;object-fit:cover;display:block}.story-contents-hero-placeholder{width:100%;height:240px;display:flex;align-items:center;justify-content:center;font-size:3rem}.story-tree{display:flex;flex-direction:column;gap:.35rem;max-width:900px;margin:0 auto}.tree-node{display:flex;align-items:center;gap:.8rem;padding:.6rem .75rem;border-radius:12px;transition:background .2s ease;color:#ffffffbf;line-height:1.4;font-size:.95rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.tree-node--leaf{cursor:pointer}.tree-node--leaf:hover{background:#ffffff1f;color:#fffffff2}.tree-node--current{background:#ffd2642e;color:#ffdc78;font-weight:600;border-color:#ffd26459}.tree-thumb{width:52px;height:52px;border-radius:10px;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;display:flex;align-items:center;justify-content:center}.tree-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tree-thumb-placeholder{font-size:1.4rem;opacity:.7}.tree-info{display:flex;flex-direction:column;gap:.2rem}.tree-title-row{display:flex;align-items:baseline;gap:.5rem}.tree-chapter-title{font-size:1.18rem;font-weight:700;font-family:Georgia,serif}.tree-choice-text{font-size:.88rem;color:#ffdca0d9;font-style:italic;font-family:Georgia,serif}.tree-choice-in{color:#ffdca0c7}.tree-current-badge{font-size:.75rem;color:#ffdc78e6;font-family:sans-serif;font-weight:400}@media(max-width:768px){.story-contents-body{padding:20px 16px 40px}.story-contents-header h1{font-size:1.6rem}.story-contents-hero{max-height:200px}.tree-node{padding:.55rem .6rem}.tree-thumb{width:44px;height:44px}}#root{width:100%;margin:0;padding:0}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer;transition:all .3s ease}button:disabled{opacity:.6;cursor:not-allowed}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto}.error-boundary h1{color:#fff;font-size:2rem}.error-boundary p{color:#fffc;font-size:1rem}.error-boundary button{background:#fff;color:#667eea;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;margin-top:1rem}.chapter-gen-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000}.chapter-gen-modal-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(3px);opacity:.3;animation:fadeInOut 3s infinite}@keyframes fadeInOut{0%,to{opacity:.2}50%{opacity:.4}}.chapter-gen-modal-content{position:relative;background:#fffffff2;padding:2rem 3rem;border-radius:16px;box-shadow:0 8px 32px #0000004d}.blink-text{font-size:1.5rem;font-weight:600;color:#333;animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}#root{width:100%;height:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}