:root{--fx-safe-top:var(--header-h,calc(72px + env(safe-area-inset-top)));--fx-pad-x:clamp(16px,3.2vw,56px);--fx-panel-w:min(460px,86vw);--fx-panel-pad:clamp(18px,2.1vw,34px);--fx-panel-radius:28px;--fx-media-scale:1.035;--fx-media-scale-hover:1.065;--fx-panel-bg:rgba(0,0,0,.38);--fx-panel-border:rgba(255,255,255,.16);--fx-panel-shadow:0 40px 120px rgba(0,0,0,.62);--fx-scrim-top:rgba(0,0,0,.46);--fx-scrim-bottom-strong:rgba(0,0,0,.78);--fx-scrim-bottom-mid:rgba(0,0,0,.42);--fx-scrim-bottom-soft:rgba(0,0,0,.14);--fx-ink:var(--text,#fff6f8);--fx-ink-dim:rgba(255,255,255,.82);--fx-ink-soft:rgba(255,255,255,.66);--fx-accent-default:var(--accent-color,#ff4d6d);--fx-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");--fx-indicator-w:4px;--fx-indicator-r:999px;}html,body{height:100%;}body{color:var(--fx-ink);}.sections-container{position:relative;width:100%;height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}.section{position:relative;width:100%;height:100vh;scroll-snap-align:start;display:flex;align-items:stretch;justify-content:stretch;padding:0;padding-top:var(--fx-safe-top);--accent:var(--fx-accent-default);opacity:.74;transition:opacity .35s ease;}.section.active,.section.is-active{opacity:1;}.frame{position:relative;width:100vw;height:calc(100vh - var(--fx-safe-top));overflow:hidden;background:transparent;isolation:isolate;}.frame-media{position:absolute;inset:0;overflow:hidden;background:#000;}.frame-media.squircle{border-radius:0;}.frame-media > img,.frame-media > video{width:100%;height:100%;object-fit:cover;transform:scale(var(--fx-media-scale));transition:transform .55s ease,filter .55s ease;will-change:transform;}.frame-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(85% 70% at 50% 45%,transparent 56%,rgba(0,0,0,.28) 100%),linear-gradient(to bottom,var(--fx-scrim-top) 0%,transparent 44%),linear-gradient(
to top,var(--fx-scrim-bottom-strong) 0%,var(--fx-scrim-bottom-mid) 32%,var(--fx-scrim-bottom-soft) 54%,transparent 74%
);mix-blend-mode:multiply;}.frame-media::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--fx-grain);opacity:.08;mix-blend-mode:overlay;}.frame::before{content:"";position:absolute;inset:-22%;pointer-events:none;background:radial-gradient(40% 36% at 28% 68%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 72%),radial-gradient(32% 32% at 62% 32%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 74%);filter:blur(42px);opacity:.65;z-index:0;}@media (prefers-reduced-motion:no-preference){.section:hover .frame-media > img,.section:hover .frame-media > video{transform:scale(var(--fx-media-scale-hover));filter:contrast(1.05) brightness(.92);}}.frame-overlay{position:absolute;left:clamp(18px,6vw,96px);bottom:clamp(28px,9vh,118px);width:var(--fx-panel-w);max-width:calc(100vw - 2*var(--fx-pad-x));display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;padding:var(--fx-panel-pad);border-radius:var(--fx-panel-radius);background:var(--fx-panel-bg);border:1px solid var(--fx-panel-border);box-shadow:var(--fx-panel-shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-align:left;z-index:2;pointer-events:none;}.frame-overlay::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.10) 0%,transparent 40%,transparent 70%,rgba(255,255,255,.06) 100%);opacity:.55;}.title,.authors{position:relative;z-index:1;}.title{margin:0;font-size:clamp(2.15rem,4.2vw,3.65rem);font-weight:900;line-height:1.04;letter-spacing:.03em;text-transform:none;color:transparent;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.86) 70%,rgba(255,255,255,.64) 100%);-webkit-background-clip:text;background-clip:text;text-shadow:0 2px 18px rgba(0,0,0,.52),0 1px 0 rgba(0,0,0,.16);}.authors{margin:0;font-size:1rem;font-weight:500;color:var(--fx-ink-dim);opacity:.92;}.frame-meta{position:absolute;left:clamp(18px,6vw,96px);bottom:clamp(18px,5.8vh,64px);display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:999px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 60px rgba(0,0,0,.35);z-index:2;pointer-events:none;}.frame-meta span{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.72);}.frame-meta img{height:22px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.35));opacity:.92;}.frame-tags{position:absolute;right:clamp(18px,4vw,56px);bottom:clamp(22px,7vh,86px);display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:2;pointer-events:none;}.tag{border:none;background:transparent;padding:0;color:rgba(255,255,255,.86);font-weight:800;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px;text-shadow:0 2px 18px rgba(0,0,0,.55);}.tag .dot{width:7px;height:7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 75%,#fff);box-shadow:0 0 0 3px rgba(255,255,255,.08);}.section[data-index] .frame::after{content:attr(data-index);position:absolute;top:22px;right:28px;font-size:12px;font-weight:800;letter-spacing:.32em;text-transform:uppercase;color:rgba(255,255,255,.58);opacity:.35;z-index:2;pointer-events:none;}.indicator{position:fixed;right:18px;top:calc(var(--fx-safe-top) + 18px);height:calc(100vh - var(--fx-safe-top) - 36px);width:var(--fx-indicator-w);border-radius:var(--fx-indicator-r);z-index:8000;background:rgba(255,255,255,.10);overflow:hidden;pointer-events:none;box-shadow:0 18px 60px rgba(0,0,0,.35);}.indicator::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--fx-accent-default) 70%,transparent),rgba(255,255,255,.10));opacity:.35;}.fiction-counter{position:fixed;bottom:max(28px,env(safe-area-inset-bottom) + 12px);right:28px;z-index:8000;pointer-events:none;font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.52);transition:color 0.3s ease,opacity 0.3s ease;}.fiction-counter:empty{opacity:0;}@media (max-width:980px){.frame-overlay{left:var(--fx-pad-x);bottom:clamp(22px,8vh,90px);width:min(520px,calc(100vw - 2*var(--fx-pad-x)));}.frame-meta{left:var(--fx-pad-x);bottom:18px;}.frame-tags{right:var(--fx-pad-x);bottom:clamp(18px,6vh,56px);}}@media (max-width:640px){.frame-overlay{left:var(--fx-pad-x);right:var(--fx-pad-x);width:auto;bottom:94px;border-radius:24px;}.title{font-size:clamp(1.75rem,7vw,2.55rem);letter-spacing:.02em;}.authors{font-size:.95rem;}.frame-meta{left:var(--fx-pad-x);right:var(--fx-pad-x);width:auto;justify-content:center;}.frame-tags{left:var(--fx-pad-x);right:var(--fx-pad-x);bottom:58px;align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:12px 16px;}.tag{font-size:.78rem;letter-spacing:.12em;}.indicator{right:10px;width:3px;}}:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:6px;border-radius:10px;}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.frame-overlay{background:rgba(0,0,0,.55);}.frame-meta{background:rgba(0,0,0,.45);}}@media (prefers-reduced-motion:reduce){*{transition:none !important;}.frame-media > img,.frame-media > video{transform:none !important;filter:none !important;}.section{transition:none !important;}}@media (max-width:640px){.frame-meta{bottom:12px;left:var(--fx-pad-x);right:var(--fx-pad-x);width:auto;}.frame-tags{bottom:66px;left:var(--fx-pad-x);right:var(--fx-pad-x);}.frame-overlay{bottom:150px;}}.section--footer{height:auto !important;min-height:0 !important;scroll-snap-align:start;display:block !important;padding:0 !important;opacity:1 !important;background:#000;}.fiction-footer{width:100%;background:#000;color:rgba(255,255,255,0.65);text-align:center;font-size:0.75rem;padding:28px 20px;position:relative;z-index:1;}.fiction-footer::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent-color,#ff4d6d),var(--accent-hover,#ff7a9e));}.fiction-footer .footer-content{display:flex;flex-direction:column;align-items:center;gap:10px;}.fiction-footer .follow-us{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;}.fiction-footer .follow-us a{color:#fff;font-weight:700;text-decoration:none;}.fiction-footer .follow-us a:hover{color:var(--accent-color,#ff4d6d);}