.genre-rotation{position:relative;height:1.1em;overflow:hidden;display:inline-block;vertical-align:bottom}.genre-track{position:relative;transition:transform .5s cubic-bezier(.34,1.56,.64,1);transform:translateY(calc(var(--genre-index, 0) * -1.1em))}.genre-item{display:block;color:var(--accent-yellow);text-shadow:0 0 60px rgba(255,208,0,.6);height:1.1em;line-height:1.1;opacity:.3;transform:scale(.9);transition:opacity .4s ease,transform .4s ease}.genre-item.active{opacity:1;transform:scale(1)}.genre-item.adjacent{opacity:.15}.phone-container{display:flex;justify-content:center;align-items:flex-start;perspective:1200px;animation:fadeIn 1.2s ease-out .3s backwards;margin-top:-2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.phone-wrapper{position:relative;transform-style:preserve-3d;animation:phoneFloat 6s ease-in-out infinite}@keyframes phoneFloat{0%,to{transform:rotateY(-15deg) rotateX(5deg) translateY(0)}50%{transform:rotateY(-10deg) rotateX(8deg) translateY(-15px)}}.phone{position:relative;width:280px;height:580px;background:linear-gradient(145deg,#1a1a1a,#0a0a0a);border-radius:45px;padding:12px;box-shadow:0 50px 100px -20px #000000e6,0 30px 60px -30px #000000b3;transform-style:preserve-3d;border:2px solid rgba(255,208,0,.2)}.phone:before{content:"";position:absolute;inset:0;border-radius:45px;border:1px solid rgba(255,208,0,.1);pointer-events:none}.phone:after{content:"";position:absolute;top:10px;right:-3px;width:3px;height:100px;background:linear-gradient(to bottom,#2a2a2a,#1a1a1a);border-radius:0 2px 2px 0;transform:rotateY(90deg);transform-origin:left center}.phone-screen{width:100%;height:100%;background:#0a0a0a;border-radius:35px;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform:translateZ(0);transform:translateZ(0)}.dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:100px;height:28px;background:#000;border-radius:20px;z-index:50}.tiktok-scroll{width:100%;height:100%;position:relative;overflow:hidden;touch-action:none;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#0a0a0a;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.tiktok-scroll *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}.tiktok-scroll:active{cursor:grabbing}.vertical-track{position:absolute;width:100%;transition:transform .4s cubic-bezier(.25,.46,.45,.94);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.genre-slide{width:100%;height:556px;position:relative;display:flex;flex-direction:column;-webkit-backface-visibility:hidden;backface-visibility:hidden}.genre-slide[data-genre=horror]{background:linear-gradient(180deg,#1a0a0a,#2d1515,#0a0505)}.genre-slide[data-genre=romance]{background:linear-gradient(180deg,#1a0a15,#2d1528,#0a0508)}.genre-slide[data-genre=scifi]{background:linear-gradient(180deg,#0a0a1a,#151528,#05050a)}.genre-slide[data-genre=action]{background:linear-gradient(180deg,#1a1005,#2d2010,#0a0805)}.genre-slide[data-genre=fantasy]{background:linear-gradient(180deg,#0a1510,#152820,#050a08)}.genre-slide[data-genre=mystery]{background:linear-gradient(180deg,#10101a,#1a1a2d,#08080a)}.genre-header{padding:50px 20px 15px;text-align:center;position:relative;z-index:10}.genre-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6}.carousel-container{flex:1;position:relative;overflow:hidden;padding:10px 0;touch-action:pan-y pinch-zoom}.carousel-track{display:flex;height:100%;transition:transform .3s cubic-bezier(.25,.46,.45,.94);padding:0 30px;gap:15px;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;scroll-snap-type:x mandatory}.carousel-item{flex:0 0 200px;height:100%;background:#ffffff0d;border-radius:12px;overflow:hidden;position:relative;border:1px solid rgba(255,208,0,.1);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;scroll-snap-align:start}.carousel-item:hover{border-color:#ffd00066}.carousel-item.active{border-color:var(--accent-yellow);box-shadow:0 0 20px #ffd00033}.item-visual{height:65%;position:relative;overflow:hidden}.comic-panels{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;padding:3px}.comic-panel{background:#ffd00033;position:relative;overflow:hidden}.comic-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(0,0,0,.3))}[data-genre=horror] .comic-panel{background:linear-gradient(135deg,#8b0000,#2d0000)}[data-genre=romance] .comic-panel{background:linear-gradient(135deg,#ff69b4,#8b0045)}[data-genre=scifi] .comic-panel{background:linear-gradient(135deg,#00bfff,navy)}[data-genre=action] .comic-panel{background:linear-gradient(135deg,#f60,#8b4000)}[data-genre=fantasy] .comic-panel{background:linear-gradient(135deg,#9932cc,#2e0854)}[data-genre=mystery] .comic-panel{background:linear-gradient(135deg,#4a4a6a,#1a1a2a)}.comic-panel:nth-child(1){grid-column:span 2}.item-info{padding:12px;height:35%;display:flex;flex-direction:column;justify-content:space-between}.item-title{font-family:var(--font-display);font-size:1rem;letter-spacing:.03em;color:var(--text-white);margin-bottom:4px}.item-author{font-size:.7rem;color:var(--text-muted)}.item-stats{display:flex;gap:12px;font-size:.65rem;color:#ffd000b3}.item-stat{display:flex;align-items:center;gap:3px}.scroll-indicators{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;z-index:20}.scroll-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;transition:all .3s ease;cursor:pointer;border:none;padding:0;outline:none}.scroll-dot:hover{background:#ffd00099}.scroll-dot.active{background:var(--accent-yellow);box-shadow:0 0 10px var(--accent-yellow);height:20px;border-radius:3px}.carousel-indicators{display:flex;justify-content:center;gap:6px;padding:10px}.carousel-dot{width:20px;height:3px;border-radius:2px;background:#fff3;transition:all .3s ease;cursor:pointer;border:none;padding:0;outline:none}.carousel-dot:hover{background:#ffd00080}.carousel-dot.active{background:var(--accent-yellow);width:30px}.peek-overlay{position:absolute;left:0;right:0;height:60px;pointer-events:none;z-index:15}.peek-overlay.top{top:0;background:linear-gradient(to bottom,rgba(0,0,0,.8) 0%,transparent 100%)}.peek-overlay.bottom{bottom:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%)}.phone-reflection{position:absolute;bottom:-120px;left:50%;transform:translate(-50%) scaleY(-1);width:280px;height:150px;background:linear-gradient(to bottom,rgba(255,255,255,.05) 0%,transparent 100%);border-radius:45px 45px 0 0;filter:blur(20px);opacity:.3;pointer-events:none}.original-interface{width:100%;height:100%;padding:50px 16px 16px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#0a0a0a,#141414)}.app-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px}.app-title{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.05em;color:var(--accent-yellow)}.app-icons{display:flex;gap:12px}.app-icon{width:24px;height:24px;background:#ffd00033;border-radius:6px}.comic-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1.2fr 1fr .8fr;gap:8px}.grid-panel{background:linear-gradient(135deg,#ffd00026,#ffb8001a);border-radius:4px;position:relative;overflow:hidden;border:1px solid rgba(255,208,0,.2)}.grid-panel:nth-child(1){grid-column:span 2;background:linear-gradient(135deg,var(--accent-yellow) 0%,var(--accent-gold) 100%)}.grid-panel:nth-child(2){background:linear-gradient(135deg,#333,#1a1a1a)}.grid-panel:nth-child(3){background:linear-gradient(135deg,#ffd0004d,#ffb80033)}.grid-panel:nth-child(4){grid-column:span 2;background:linear-gradient(135deg,#222,#111)}.bottom-nav{display:flex;justify-content:space-around;padding:12px;background:#ffd0000d;border-radius:12px;margin-top:auto;border:1px solid rgba(255,208,0,.15)}.nav-item{width:36px;height:36px;background:#ffffff0d;border-radius:8px}.nav-item.active{background:var(--accent-yellow)}@media(max-width:768px){.phone-container{margin-top:0;width:100%;align-items:center;justify-content:center;position:relative;display:flex;pointer-events:none}.phone-wrapper{animation:phoneFloatMobile 6s ease-in-out infinite;transform:rotateY(-15deg) rotateX(5deg);pointer-events:auto}@keyframes phoneFloatMobile{0%,to{transform:rotateY(-15deg) rotateX(5deg) translateY(0)}50%{transform:rotateY(-10deg) rotateX(8deg) translateY(-10px)}}.phone{width:240px;height:500px}.genre-slide{height:476px}.carousel-track{padding:0 20px;gap:12px}.carousel-item{flex:0 0 160px}.scroll-indicators{right:8px}}@media(max-width:480px){.phone{width:220px;height:460px}.genre-slide{height:436px}.carousel-track{padding:0 16px 0 8px;gap:14px}.carousel-item{flex:0 0 150px}.scroll-indicators{right:6px}.scroll-dot{width:6px;height:6px}.scroll-dot.active{height:16px}}