:root{--bp-sm:600px;--bp-md:900px;--bp-lg:1400px}[data-theme=light]{--chocolate:#3a332b;--sepia-cream:#fbf3e4;--warm-cream:#fff9f2;--soft-teal:#4a9e8e;--soft-teal-hover:#3f8679;--burnt-orange:#e07a5f;--burnt-orange-hover:#c96c5d;--graphite-gray:#4b4b4b;--parchment:#fbf3e4;--container-bg:#e8e1d1;--container-border:#d1c9be;--font-heading:"Lora",serif;--font-body:"Nunito",sans-serif}[data-theme=dark]{--chocolate:#f5f5f5;--sepia-cream:#1e1e1e;--warm-cream:#121212;--soft-teal:#80cbc4;--soft-teal-hover:#4db6ac;--burnt-orange:#ef9a9a;--burnt-orange-hover:#e57373;--graphite-gray:#ccc;--parchment:#1e1e1e;--container-bg:#222;--container-border:#333;--font-heading:"Lora",serif;--font-body:"Nunito",sans-serif}[data-theme=fantasy]{--chocolate:#3a332b;--sepia-cream:#fbf3e4;--warm-cream:#fff9f2;--soft-teal:#4a9e8e;--soft-teal-hover:#3f8679;--burnt-orange:#e07a5f;--burnt-orange-hover:#c96c5d;--graphite-gray:#4b4b4b;--parchment:#fbf3e4;--container-bg:#e8e1d1;--container-border:#d1c9be;--font-heading:"Lora",serif;--font-body:"Nunito",sans-serif}*,:after,:before{box-sizing:border-box}.rpv-core__inner-page{background-color:var(--parchment)!important}[data-theme=fantasy] .rpv-core__inner-page{background-color:#0000!important}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--warm-cream);color:var(--chocolate);font-family:var(--font-body);margin:0;padding:0}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:var(--soft-teal);text-decoration:none}a:hover{text-decoration:underline}.App{display:flex;flex-direction:column;min-height:100vh}.App,.App-body{text-align:center}.App-body{flex:1 1;padding-bottom:60px}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}@media (max-width:var(--bp-sm )){html{font-size:14px}}@media (min-width:calc(var(--bp-sm ) + 1px)) and (max-width:var(--bp-md )){html{font-size:15px}}@media (min-width:calc(var(--bp-md ) + 1px)){html{font-size:16px}}.story-ranking-loading{align-items:center;display:flex;flex-direction:column;gap:8px;margin:2rem 0}.empty-message,.story-ranking-loading{color:var(--graphite-gray);font-family:var(--font-body)}.empty-message{font-size:1.2rem;margin-top:20px}.story-ranking-container{box-sizing:border-box;padding:20px;text-align:center}.story-ranking-container h2{color:var(--chocolate);font-family:var(--font-heading);font-size:1.8rem;margin-bottom:10px}.slider-wrapper{box-sizing:border-box;margin:0 auto;max-width:1080px;overflow-x:auto;padding:10px 0;width:100%}.ranking-grid{display:flex;flex-wrap:nowrap;gap:20px;list-style:none;margin:0;padding:0;scroll-snap-type:x mandatory}.ranking-card{background-color:var(--container-bg);border:1px solid var(--container-border);border-radius:8px;box-shadow:0 2px 5px #3c3c3c0d;box-sizing:border-box;display:flex;flex:0 0 200px;flex-direction:column;height:300px;overflow:hidden;scroll-snap-align:start;width:200px}.cover-image{background-color:var(--sepia-cream);height:158px;overflow:hidden;width:100%}.cover-image img{height:100%;object-fit:cover;width:100%}.story-title{align-items:center;box-sizing:border-box;color:var(--chocolate);display:flex;font-size:1rem;height:100px;justify-content:center;margin:0;padding:10px}.like-count,.story-title{font-family:var(--font-body);font-weight:700}.like-count{color:var(--soft-teal);font-size:.9rem;margin:10px 0}.landing-page{padding:1.5rem 1rem;text-align:center}.landing-page,.landing-page .cta-button,.landing-page h1,.landing-page h2,.landing-page h3,.landing-page p{color:#3a332b}.landing-page .feature-card p,.landing-page .intro-text,.landing-page .intro-title{color:#4b4b4b}.landing-page .cta-button{background-color:#4a9e8e}.landing-page .cta-button:hover{background-color:#3f8679}.landing-page .cta-button:focus{outline:3px solid #4a9e8e}[data-theme=dark] .landing-page,[data-theme=dark] .landing-page h1,[data-theme=dark] .landing-page h2,[data-theme=dark] .landing-page h3,[data-theme=dark] .landing-page p,[data-theme=dark].landing-page .cta-button{color:var(--chocolate)}.hero h1{font-family:var(--font-heading);font-size:1.75rem;margin-bottom:.5rem}.hero .intro-title{font-size:1.25rem;margin-top:1rem}.hero .intro-text{font-size:1rem;line-height:1.4;margin:1rem 0 1.5rem}.cta-button{background-color:var(--soft-teal);border:none;border-radius:.3125rem;cursor:pointer;font-size:1rem;padding:.75rem;transition:background .3s}.cta-button:focus{outline-offset:2px}.features-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin:2.5rem 0}.feature-highlight{margin:3rem auto;max-width:720px;padding:0 1rem}.feature-card.highlight .cta-button{align-self:center;margin-top:1.5rem;max-width:320px;width:100%}.feature-card{background-color:var(--container-bg);border:1px solid var(--container-border);border-radius:.5rem;box-shadow:0 .125rem .25rem #3c3c3c0d;padding:1rem;text-align:center}.feature-card h3{font-family:var(--font-heading);font-size:1.1rem;margin:0 0 .5rem}.feature-card p{font-size:.95rem;line-height:1.4;margin:0}.ranking-section{margin-top:3rem;text-align:left}.ranking-section h2{font-family:var(--font-heading);font-size:1.4rem;margin-bottom:.5rem}.story-ranking-container .ranking-grid{display:flex;gap:.75rem;margin:0;overflow-x:auto;padding:.5rem 1rem;scroll-behavior:smooth}.story-ranking-container .ranking-card{flex:0 0 160px;margin-right:.5rem}.loading{color:var(--graphite-gray);font-size:1rem;padding:4rem 0}@media (min-width:600px){.features-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:3rem 0}.feature-card{display:flex;flex-direction:column;height:100%}}@media (min-width:1400px){.features-container{gap:2rem;grid-template-columns:repeat(3,1fr)}}.story-counter{align-items:center;box-sizing:border-box;color:#333;display:flex;font-family:Arial,sans-serif;font-size:1rem;justify-content:center;padding:.5rem 1rem}.counter-infinity{color:#27ae60;font-size:1.25rem;font-weight:700}.counter-loading{color:#999;font-style:italic}.counter-number{background-color:#007bff;border-radius:4px;color:#fff;font-weight:700;padding:.25rem .5rem}.counter-zero{color:#e74c3c;cursor:help;font-weight:700}.header{align-items:center;background-color:var(--chocolate);color:var(--sepia-cream);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:.75rem 1rem;position:sticky;position:relative;top:0;z-index:1000}.header>.theme-toggle-btn{order:1}.header>.logo{flex:1 1;order:2;text-align:center}.nav-container{display:flex;justify-content:flex-end;order:3;width:auto}.nav-toggle{background:none;border:none;color:var(--sepia-cream);cursor:pointer;display:block;font-size:1.5rem;z-index:20}.nav-links{background-color:var(--chocolate);display:none;flex-direction:column;left:0;list-style:none;margin:0;padding:0;position:absolute;right:0;top:100%}.header.menu-open .nav-links{border-bottom:1px solid var(--sepia-cream);display:flex;flex-direction:column;padding-bottom:.5rem}.nav-links li{margin:.25rem 0;text-align:center}.nav-links li a{border-radius:.25rem;color:var(--sepia-cream);display:block;font-family:var(--font-body);font-size:1rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.nav-links li a.active,.nav-links li a:hover{background-color:var(--soft-teal-hover)}.user-info{font-size:.8rem;line-height:1;margin-top:8px;padding:.5rem 1rem;text-align:center}.user-controls{display:flex;font-family:var(--font-body);font-size:.9rem;gap:.5rem;justify-content:center;margin-top:.5rem;order:4;width:100%}.logout-btn{background-color:var(--burnt-orange);border:none;border-radius:4px;color:var(--sepia-cream);cursor:pointer;padding:6px 12px;transition:background-color .2s}.logout-btn:hover{background-color:var(--burnt-orange-hover)}.login-link{background-color:var(--burnt-orange);border-radius:4px;color:var(--sepia-cream);cursor:pointer;display:block;padding:6px 12px;text-decoration:none;transition:background-color .2s}.login-link:hover{background-color:var(--burnt-orange-hover)}.theme-toggle-btn{background:none;border:none;cursor:pointer;font-size:2rem;padding:.25rem}.theme-toggle-btn:hover{opacity:.8;transform:scale(1.1)}@media (min-width:600px){.header{flex-wrap:nowrap;gap:2rem;padding:1rem 2rem}.header>.theme-toggle-btn{order:1}.header>.logo{order:2}.nav-container{order:3}.user-controls{justify-content:flex-end;margin-top:0;order:4;width:auto}.nav-container{margin-left:0}.logo{margin-left:20%}.nav-toggle{display:none}.nav-links{background:none;display:flex!important;flex-direction:row;gap:1rem;margin:0;padding:0;position:static;width:auto}.nav-links li{margin:0}}@media (min-width:900px){.header{box-shadow:0 .125rem .25rem #0000001a;padding:1rem 3rem}.logo{font-size:1.75rem;margin-left:25%}.nav-container{margin-right:20%}.nav-links li a{font-size:1.05rem}.login-link,.logout-btn{font-size:1rem;padding:.5rem 1.25rem}}.footer{background-color:var(--chocolate);bottom:0;color:var(--sepia-cream);font-family:var(--font-body);font-size:.9rem;left:0;padding:15px 20px;position:fixed;text-align:center;width:100%;z-index:100}.footer-content{align-items:center;display:flex;flex-direction:column}.footer-links{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:10px}.footer-links a{color:var(--sepia-cream);margin:0;text-decoration:none;transition:-webkit-text-decoration .2s ease-in-out;transition:text-decoration .2s ease-in-out;transition:text-decoration .2s ease-in-out,-webkit-text-decoration .2s ease-in-out}.footer-links a:hover{text-decoration:underline}.footer-text{color:var(--sepia-cream);font-size:.9rem}
/*# sourceMappingURL=main.1ef2c5e1.css.map*/