@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);:root{--bg-color:#121212;--text-color:#e0e0e0;--accent-color:#bc9072;--font-size:15px;--line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#121212;background-color:var(--bg-color);color:#e0e0e0;color:var(--text-color);font-family:Georgia,serif;font-size:15px;font-size:var(--font-size);line-height:1.6;line-height:var(--line-height);max-width:100%;min-height:100vh;overflow-x:hidden;position:relative}.container{margin:0 auto;padding:0 25px}.rain-overlay{background-image:url(/static/media/Rain.0756583363ced8359c79.GIF);background-size:cover;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .5s ease;width:100%;z-index:1}.rain-active .rain-overlay{opacity:.4}.wind-overlay{background-image:url(/static/media/wind.0e0bb4906b143b44f18a.GIF);background-size:cover;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .5s ease;width:100%;z-index:1}.wind-active .wind-overlay{opacity:.4}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toolbar{background-color:#1e1e1e;border-bottom:1px solid #333;border-radius:0 0 8px 8px;margin-bottom:15px;max-height:200px;opacity:1;overflow:hidden;padding:13px;transition:max-height .3s ease,opacity .3s ease,margin .3s ease}.toolbar.hidden{border:none;margin:0;max-height:0;opacity:0;padding:0}.toolbar-controls{align-items:center;flex-direction:column;flex-wrap:wrap;gap:15px}.toolbar-controls,.toolbar-row{display:flex;justify-content:space-between;width:100%}.distracted-control,.font-controls,.music-control,.rain-control,.wind-control{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:5px;max-width:33%;position:relative}.font-btn,.toggle-btn{background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:var(--text-color);cursor:pointer;font-size:14px;max-width:120px;padding:8px 12px;text-align:center;width:100%}.toggle-btn.active{background-color:var(--accent-color)}.toggle-btn.disabled{cursor:not-allowed;opacity:.5}.toggle-btn.disabled:hover{background-color:#2a2a2a}.font-controls{align-items:center;display:flex;flex-direction:column;gap:5px}.font-btns-container{display:flex;gap:5px;justify-content:center;width:100%}.volume-slider{-webkit-appearance:none;appearance:none;background:#333;border-radius:5px;cursor:pointer;height:10px;margin-top:5px;touch-action:none;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#d6ac0e;background:var(--accent-color,#d6ac0e);border-radius:50%;cursor:pointer;height:20px;width:20px}.volume-slider::-moz-range-thumb{background:#d6ac0e;background:var(--accent-color,#d6ac0e);border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}@media (max-width:768px){.volume-slider{height:15px;margin:8px 0;width:90%}.volume-slider::-webkit-slider-thumb{height:24px;width:24px}.volume-slider::-moz-range-thumb{height:24px;width:24px}}.hidden{display:none}.toolbar-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;display:block;font-size:12px;margin:-10px auto 10px;padding:5px;position:relative;text-align:center;width:100%;z-index:10}.caret{display:inline-block;margin-top:10px;opacity:.3;transition:transform .3s ease}.toolbar.hidden+.toolbar-toggle .caret{transform:rotate(180deg)}.toolbar-toggle .caret-text{font-size:.8rem;margin-left:5px;opacity:.2}.ios-volume-notice{color:#999;font-size:.7rem;font-style:italic;line-height:1.2;margin-top:6px;max-width:90px;text-align:center}.auth-module{background-color:#222;border-radius:8px;box-shadow:0 4px 12px #0000004d;margin:20px auto;max-width:400px;padding:20px}.auth-module h2{color:#d6ac0e;margin-top:0;text-align:center}.auth-message{color:#ccc;font-size:.9rem;margin-bottom:20px;text-align:center}.auth-error{background-color:#e74c3c1a;color:#e74c3c}.auth-error,.auth-success{border-radius:4px;font-size:.8rem;margin-bottom:15px;padding:5px;text-align:center}.auth-success{background-color:#2ecc711a;color:#2ecc71}.form-group{margin-bottom:15px}.form-group input{background-color:#333;border:1px solid #444}.auth-button{background-color:#d6ac0e;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:10px;transition:background-color .2s;width:100%}.auth-button:hover{background-color:#e0b723}.auth-divider{align-items:center;display:flex;margin:20px 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #444;content:"";flex:1 1}.auth-divider span{color:#888;font-size:.8rem;padding:0 10px}.google-button{align-items:center;background-color:#fff;border:none;border-radius:4px;color:#444;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;margin-bottom:10px;padding:10px;transition:background-color .2s;width:100%}.google-button:hover{background-color:#f8f8f8;box-shadow:0 1px 2px #0003}.google-icon{margin-right:10px}.facebook-button{align-items:center;background-color:#3b5998;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;margin-bottom:10px;padding:10px;transition:background-color .2s;width:100%}.facebook-button:hover{background-color:#2d4373;box-shadow:0 1px 2px #0003}.facebook-icon{margin-right:10px}.auth-toggle{color:#ccc;font-size:.9rem;margin-top:15px;text-align:center}.toggle-button{background:none;border:none;color:#d6ac0e;cursor:pointer;font-size:.9rem;padding:0}.toggle-button:hover{text-decoration:underline}.forgot-password{margin-bottom:15px;text-align:right}.forgot-button{background:none;border:none;color:#888;cursor:pointer;font-size:.8rem;padding:0}.forgot-button:hover{color:#d6ac0e;text-decoration:underline}.privacy-reminder{color:#999;font-size:.8rem;line-height:1.4;margin-bottom:15px;padding:0 10px;text-align:center}.privacy-reminder a{color:#d6ac0e;text-decoration:none}.privacy-reminder a:hover{text-decoration:underline}.consent-wrapper{margin-bottom:20px}.consent-note{color:#d6ac0e;font-size:.8rem;font-weight:500;margin-bottom:8px;text-align:left}.consent-checkboxes{margin-bottom:20px}.consent-item{align-items:flex-start;display:flex;margin-bottom:10px;text-align:left}.consent-item input[type=checkbox]{margin-right:10px;margin-top:4px}.consent-item label{color:#ccc;font-size:.85rem;line-height:1.4;text-align:left}.terms-link{background:none;border:none;color:#d6ac0e;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.required-indicator{color:#e74c3c;font-weight:700;margin-left:2px}.terms-popup{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.terms-content{background-color:#222;border-radius:8px;box-shadow:0 4px 20px #00000080;max-height:80vh;max-width:600px;overflow-y:auto;padding:20px;width:90%}.terms-content h3{color:#d6ac0e;margin-bottom:15px;margin-top:0;text-align:center}.terms-text{color:#ddd;font-size:.9rem;line-height:1.5;margin-bottom:20px}.terms-text p{margin-bottom:10px}.terms-text ul{margin-bottom:15px;padding-left:20px}.terms-text li{margin-bottom:5px}.close-terms{background-color:#d6ac0e;border:none;border-radius:4px;color:#000;cursor:pointer;display:block;font-size:.9rem;font-weight:700;margin:0 auto;padding:8px 16px}.instagram-browser-warning{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:5px;margin-bottom:20px;padding:15px;text-align:center}.instagram-browser-warning p{color:#856404;font-weight:500;margin-bottom:12px}.open-in-browser-button{background-color:#d6ac0e;border-radius:5px;color:#000;display:inline-block;font-weight:700;margin-top:8px;padding:10px 16px;text-decoration:none;transition:background-color .2s ease}.open-in-browser-button:hover{background-color:#b39000}.app-header{background-color:#d6ac0e;padding:15px 20px;position:sticky;top:0;z-index:100}.logo-container{cursor:pointer;gap:10px}.app-logo{height:40px}.beta-tag{border-radius:4px;color:#d6ac0e;font-size:.8rem;padding:2px 8px}.login-signup{background-color:#0000001a;color:#000;padding:8px 16px;transition:background-color .2s}.login-signup:hover{background-color:#0003}.user-controls{align-items:center;gap:15px}.user-greeting{color:#000}.logout-button{background:none;background-color:#0000001a;border:none;color:#000;font-weight:700;padding:8px 16px;transition:background-color .2s}.logout-button:hover{background-color:#0003}.home-button{background:none;background-color:#0000001a;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;margin-right:18px;padding:8px 16px;transition:background-color .2s}.home-button:hover{background-color:#0003}.popup-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1100}.onboarding-popup{animation:slideUp .4s ease-out;background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#777;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s;width:30px}.close-button:hover{background-color:#0000001a;color:#333}.popup-header{border-bottom:1px solid #eee;padding:5px 1px 1px;text-align:center}.popup-logo{margin-bottom:0}.popup-logo-img{height:80px;width:auto}.popup-title{font-size:2rem;font-weight:700;letter-spacing:1px;margin:0}.popup-content{color:#444;line-height:1.6;padding:20px 20px 0}.popup-content p{margin-bottom:15px}.highlight-text{background-color:#fff9c4;border-left:4px solid #f57c00;color:#e53935;font-weight:500;margin:20px 0;padding:10px 15px}.highlight-text strong{color:#e53935;font-size:1.1em;letter-spacing:.5px}.popup-features{display:flex;flex-wrap:wrap;justify-content:space-around;margin:25px 0 15px}.feature{flex:1 1;margin:10px;min-width:100px;text-align:center}.feature-icon{display:block;font-size:2rem;margin-bottom:8px}.feature-text{color:#555;font-size:.9rem;font-weight:500}.popup-footer{padding:0 20px 25px;text-align:center}.cta-button{background-color:#fad900;border:none;border-radius:25px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px 30px;transition:background-color .2s,transform .1s}.cta-button:hover{background-color:#c69c0d;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.cta-button:active{box-shadow:0 2px 3px #0000004d;transform:translateY(0)}.insta-link{color:#e53935;font-weight:600;text-decoration:underline;transition:color .2s}.insta-link:hover{color:#c62828}.storys,.sunny{color:#d6ac0e}.sideup{color:#f57c00}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.popup-title{font-size:1.7rem}.popup-features{flex-direction:row;flex-wrap:wrap;justify-content:center}.feature{flex:0 0 auto;margin:8px;max-width:100px;min-width:80px}.feature-icon{font-size:1.8rem}.feature-text{font-size:.8rem}}.onboarding-image-container{margin:15px 0;text-align:center}.onboarding-cover-image{border-radius:12px;box-shadow:0 4px 8px #0003;height:auto;max-width:100%}.cookie-consent{background-color:#000000e6;bottom:0;box-shadow:0 -2px 10px #0003;color:#fff;font-family:inherit;left:0;padding:0;position:fixed;width:100%;z-index:1000}.cookie-banner{margin:0 auto;max-width:1200px;padding:15px 20px}.cookie-header h3{color:#d6ac0e;font-size:1.2rem;margin:0 0 10px}.cookie-header p{color:#ddd;font-size:.9rem;line-height:1.5;margin:0 0 15px}.cookie-details{background-color:#0000004d;border-radius:6px;margin-bottom:20px;max-height:300px;overflow-y:auto;padding:15px}.cookie-category{border-bottom:1px solid #ffffff1a;margin-bottom:15px;padding-bottom:15px}.cookie-category:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.category-header label{align-items:center;color:#eee;display:flex;font-size:.95rem;font-weight:700}.category-header input{margin-right:10px}.required-badge{background-color:#d6ac0e33;border-radius:3px;color:#d6ac0e;font-size:.7rem;font-weight:700;padding:2px 8px}.cookie-category p{color:#bbb;font-size:.85rem;margin:5px 0 0}.cookie-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.cookie-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:all .2s ease}.cookie-btn.accept{background-color:#d6ac0e;color:#000;font-weight:700}.cookie-btn.accept:hover{background-color:#e0b723}.cookie-btn.reject{background-color:initial;border:1px solid #444;color:#ccc}.cookie-btn.reject:hover{background-color:#ffffff0d}.cookie-btn.customize,.cookie-btn.save{background-color:#333;border:1px solid #d6ac0e;color:#d6ac0e}.cookie-btn.customize:hover,.cookie-btn.save:hover{background-color:#d6ac0e1a}@media (max-width:600px){.cookie-banner{padding:15px}.cookie-actions{flex-direction:column;gap:8px}.cookie-btn{text-align:center;width:100%}}@font-face{font-family:IM Fell English;font-style:normal;font-weight:400;src:url(/static/media/FeENrm2.fd9b51251ef83712c852.ttf) format("truetype")}@font-face{font-family:IM Fell English;font-style:italic;font-weight:400;src:url(/static/media/FeENit2.06d18cf88bfd6d2eb544.ttf) format("truetype")}@font-face{font-family:IM Fell English;font-style:normal;font-weight:700;src:url(/static/media/FeENrm2.fd9b51251ef83712c852.ttf) format("truetype")}main b,main strong{font-weight:400;text-shadow:none}main b:after,main b:before,main strong:after,main strong:before{font-weight:400}main p b,main p strong{text-shadow:none}main p code{background:none;border:none;color:#555;display:block;font-size:inherit;margin:25px 0;text-align:center}.container,main p code{font-family:IM Fell English,serif;padding:0}.container{background-color:#111;color:#000;display:flex;flex-direction:column;margin:0;max-width:100%;overflow-x:hidden;position:relative;z-index:2}header{background-color:#f5f2e8;border-bottom:1px solid #d0c0a0;flex-shrink:0;line-height:30px;margin:0 auto;padding:0;position:sticky;text-align:center;top:0;transform:translateY(0);transition:transform .3s ease-in-out;width:100%;z-index:100}header.hidden{transform:translateY(-100%)}h1{box-shadow:none;color:#2c2c2c;font-size:1.2rem;font-weight:400;letter-spacing:.1em;margin-bottom:3px;text-align:center;text-transform:uppercase}main{background-color:#fefcf8;box-shadow:0 0 20px #0000001a;color:#2a2a2a;filter:none;flex:1 1;font-family:IM Fell English,serif;font-size:15px;font-weight:600;line-height:2em;margin:0 auto;max-width:700px;overflow-x:hidden;overflow-y:auto;padding:50px 80px;position:relative;text-align:left;text-shadow:none;word-spacing:4px}.content-wrapper,main{border-radius:0;width:100%}.content-wrapper{background-color:initial;padding:0}main:before{display:none}main p{background:none;border:none;border-radius:0;box-shadow:none;color:inherit;display:block;font-size:inherit;line-height:2em;margin:0 0 4px;max-width:100%;padding:0;position:relative;text-align:left;text-indent:2.5em;text-shadow:none;transform:none;transition:none;width:100%;word-spacing:4px;z-index:auto}main p:after,main p:before{display:none}main .content-element:first-child p:first-child,main .content-element>div:first-child p:first-child,main .content-element>p:first-child,main h1+p,main h2+p,main h3+p,main>p:first-child{text-indent:0}main .content-element p:not(:first-child){text-indent:2em}.rain-overlay,.wind-overlay{background-size:cover;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .5s ease;width:100%;z-index:1}.rain-active .rain-overlay,.wind-active .wind-overlay{opacity:.2}.pagination{align-items:center;background-color:#f5f2e8;border-top:1px solid #d0c0a0;bottom:0;display:flex;flex-shrink:0;justify-content:space-between;margin-top:auto;padding:8px 0;position:sticky;z-index:100}.pagination-group{display:flex;gap:4px}.pagination button{background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:#e0e0e0;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s ease}.pagination button:hover{background-color:#3a3a3a;color:#fff}.jump-btn{background-color:#1e1e1e!important;font-size:14px!important;font-weight:700;padding:6px 10px!important}.pagination button:disabled{cursor:not-allowed;opacity:.5}#pageIndicator{color:#2c2c2c;font-size:14px;font-weight:500;padding:0 8px}footer{border-top:1px solid #333;color:#666;font-size:.3rem;margin-top:0;opacity:.3;padding:0;position:static;transition:opacity .3s ease}footer,footer p{text-align:center}footer p{font-size:.5rem;margin-bottom:0}footer a{color:var(--accent-color);text-decoration:none}.markdown-image{-webkit-user-drag:none;border:none;border-radius:60% 40% 50% 30%/40% 70% 30% 60%;box-shadow:0 4px 12px #0000004d,0 2px 6px #0003,inset -2px -2px 8px #0000001a;display:block;filter:sepia(.2) contrast(1.1) brightness(.95) saturate(.9);height:auto;max-width:100%;pointer-events:none;position:relative;transform:rotate(-1deg);transition:all .3s ease;-webkit-user-select:none;user-select:none}.image-wrapper{clear:both;margin:30px 0}.image-wrapper:before{background:radial-gradient(ellipse 70% 80% at 40% 30%,#2828281f 0,#14141414 50%,#0000 80%);border-radius:70% 30% 60% 40%;content:"";height:25px;left:-20px;position:absolute;top:-15px;transform:rotate(25deg);width:30px;z-index:-1}.image-wrapper:after{background:radial-gradient(ellipse 60% 90% at 60% 40%,#1e1e1e1a 0,#3232320f 60%,#0000 85%);border-radius:40% 80% 30% 50%;bottom:-12px;content:"";height:20px;position:absolute;right:-18px;transform:rotate(-40deg);width:25px;z-index:-1}.markdown-image:hover{box-shadow:0 6px 16px #00000059,0 3px 8px #00000040,inset -3px -3px 10px #0000001f;filter:sepia(.1) contrast(1.15) brightness(1) saturate(1);transform:rotate(-.5deg) scale(1.02)}.image-wrapper:first-of-type{margin:30px auto;max-width:85%;text-align:center}.image-wrapper:first-of-type .markdown-image{max-width:100%;width:100%}.image-wrapper:nth-of-type(2n){float:left;margin:20px 20px 20px 0;max-width:45%}.image-wrapper:nth-of-type(odd):not(:first-of-type){float:right;margin:20px 0 20px 20px;max-width:45%}.image-wrapper:nth-of-type(2n) .markdown-image,.image-wrapper:nth-of-type(odd):not(:first-of-type) .markdown-image{max-width:100%;width:100%}.image-protection-overlay{background:#0000;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.hide-images .image-caption,.hide-images .markdown-image,.images-hidden .image-caption,.images-hidden .markdown-image,html.hide-images .image-caption,html.hide-images .markdown-image{display:none}.image-caption{color:#666;font-size:.85em;font-style:italic;margin-bottom:25px;margin-top:8px;text-align:center}.drop-cap,.image-caption{font-family:IM Fell English,serif}.drop-cap{color:#8b4513;float:left;font-size:5em;line-height:.75;margin-bottom:-.05em;padding-right:.08em;padding-top:.05em;text-shadow:1px 1px 2px #0003}.tap-indicator{animation:blink 2s infinite;color:var(--accent-color);display:none;margin:15px 0;opacity:.7}.tap-indicator,.tap-to-continue{cursor:pointer;font-style:italic;text-align:center}.tap-to-continue{animation:blink 2s ease-in-out infinite;background-color:initial;border:1px solid #d0c0a0;border-radius:4px;box-shadow:none;color:#666;margin:1.5em 0;max-width:100%;padding:1em;width:100%}.tap-to-continue:before{display:none}.content-element{cursor:pointer;margin-bottom:1.5em}@keyframes blink{0%{opacity:.3}50%{opacity:.8}to{opacity:.3}}.passage-hidden{display:none}.passage-visible{display:block}@media (min-width:768px){.container{max-width:none;padding:0}h1{font-size:1.3rem}main{font-size:21px;font-weight:600;line-height:2em;max-width:750px;padding:60px 100px;word-spacing:4px}.pagination{position:static;z-index:auto}}@media (max-width:767px){h1{font-size:1.1rem}main{font-size:15px;font-weight:600;margin:0 auto;max-width:100%;padding:40px;word-spacing:4px}main,main p{line-height:2em}main p{font-size:inherit;margin:0 0 4px;text-indent:2em;word-spacing:inherit}.drop-cap{font-size:4.2em}.image-wrapper:nth-of-type(2n),.image-wrapper:nth-of-type(odd):not(:first-of-type){float:none;margin:20px auto;max-width:85%}.container{height:100vh}}.login-required-message{background-color:#d6ac0e1a;border:1px solid #d6ac0e;border-radius:4px;box-shadow:none;color:#d6ac0e;font-weight:700;margin:2em 0;max-width:100%;padding:1.5em;text-align:center;width:100%}.restricted-content{color:#888;font-style:italic;padding:50px 20px;text-align:center}.user-bar{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px 0}.user-greeting{color:#d6ac0e;font-size:.9rem}.logout-button{border:1px solid #444;color:#888}.logout-button:hover{background-color:#333;border-color:#d6ac0e;color:#d6ac0e}.app-header{align-items:center;background-color:#d8c020;border-radius:0 0 15px 15px;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px 15px;position:relative}.centered-logo{justify-content:center}.logo-container{align-items:center;display:flex;position:relative}.app-logo{height:60px;width:auto}.beta-tag{animation:pulse 2s infinite;border-radius:2px;color:#b60000;font-family:sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.5px;padding:1px 6px;position:absolute;right:-15px;text-transform:uppercase;top:-8px;transform:rotate(20deg)}@keyframes pulse{0%{transform:rotate(20deg) scale(1)}50%{transform:rotate(20deg) scale(1.05)}to{transform:rotate(20deg) scale(1)}}@media (max-width:768px){.app-logo{height:60px}.beta-tag{font-size:.5rem;padding:1px 4px;right:-10px;top:6px}}.user-controls{align-items:flex-end;display:flex;flex-direction:column}.user-greeting{color:#222;font-size:.7rem;font-weight:700;margin-bottom:2px}.logout-button{background-color:initial;border:1px solid #222;border-radius:4px;color:#222;cursor:pointer;font-size:.8rem;padding:5px 10px;transition:all .2s ease}.logout-button:hover{background-color:#0000001a;border-color:#000;color:#000}.login-signup{background-color:#00000026;border-radius:4px;color:#222;cursor:pointer;font-size:.9rem;font-weight:700;padding:5px 10px;transition:all .2s ease}.login-signup:hover{background-color:#0000004d}.login-signup:active{transform:translateY(1px)}.image-wrapper{display:inline-block;position:relative}.markdown-image:after{background-color:#0009;border-radius:4px;bottom:15px;color:#fff;content:"© Sunny Sideup Storys";font-size:.75rem;font-weight:700;opacity:.8;padding:4px 10px;pointer-events:none;position:absolute;right:15px;z-index:20}.mini-title-bar{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;border-bottom:1px solid #d6ac0e4d;box-shadow:0 1px 5px #0003;display:flex;justify-content:center;margin-bottom:20px;padding:8px 15px;position:sticky;top:0;transform:translateY(0);transition:transform .3s ease-in-out;z-index:5}.mini-title-bar.hidden{transform:translateY(-100%)}.mini-title{color:#d6ac0e;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0;opacity:.9;text-align:center}.mini-page-number{color:#d6ac0eb3;font-size:.8rem;font-weight:400}@media (max-width:768px){.mini-title-bar{padding:6px 10px}.mini-title{font-size:.85rem}}.dark-mode main,html.dark-mode main{background-color:#1a1a1a;box-shadow:0 0 20px #ffffff1a;color:#e0e0e0}.dark-mode main p,html.dark-mode main p{color:#e0e0e0}.dark-mode .login-required-message,html.dark-mode .login-required-message{background-color:#d6ac0e33;border-color:#d6ac0e;color:#d6ac0e}.container:not(.dark-mode) main{background-blend-mode:multiply;background-color:#fefcf8;background-image:url(/static/media/old_paper_texture_4.a59ce9d7c4b94fc36bef.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:0 0 20px #0000001a;color:#1a1a1a;text-shadow:.5px .5px 0 #00000026,-.3px .3px 0 #00000014,.8px -.2px 0 #0000000f,1px 1px 1px #0000001f}.container:not(.dark-mode) main p{color:#1a1a1a;text-shadow:.5px .5px 0 #00000026,-.3px .3px 0 #00000014,.8px -.2px 0 #0000000f,1px 1px 1px #0000001f,-.5px -.5px 0 #0000000d}.toolbar-toggle{background-color:#111111f2!important;border:1px solid #555!important;border-radius:4px!important;color:#fff!important}.toolbar-toggle:hover{background-color:#111!important;border-color:#666!important;color:#fff!important}.toolbar.hidden+.toolbar-toggle{background-color:#111111b3!important;border-color:#444!important;color:#888!important}.toolbar.hidden+.toolbar-toggle:hover{background-color:#111111d9!important;color:#bbb!important}.toolbar-toggle .caret-text{color:inherit!important}.thread-mode{background-color:#fff!important;color:#000!important;margin:0!important;padding:0!important}.thread-mode.dark-mode{background-color:#000!important;color:#fff!important}.thread-mode .story-content{background-color:#fff!important;color:#000!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-size:15px!important;line-height:1.3!important;margin:0 auto!important;max-width:600px!important;padding:0!important;text-shadow:none!important;word-spacing:normal!important}.thread-mode.dark-mode .story-content{background-color:#000!important;color:#fff!important}.thread-post{background-color:#fff;border-bottom:1px solid #eff3f4;color:#000;display:flex;padding:12px 16px;position:relative}.thread-mode.dark-mode .thread-post{background-color:#000!important;border-bottom:1px solid #a3a3a31f!important;color:#fff!important}.thread-post:not(:first-child){padding-left:53px}.thread-post:first-child .thread-content{padding-left:20px}.thread-post:not(:first-child):last-child:after,.thread-post:not(:first-child):not(:last-child):after{background-color:#2f3336;bottom:-12px;content:"";left:73px;position:absolute;top:52px;width:2px;z-index:1}.thread-avatar{flex-shrink:0;height:40px;margin-right:12px;position:relative;width:40px;z-index:2}.thread-avatar-img{background-color:#202327;border:none;border-radius:50%;height:40px;object-fit:cover;width:40px}.thread-content{flex:1 1;min-width:0;padding:0 10px 10px}.thread-header{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:2px}.thread-handle{color:#536471;font-size:15px;margin-right:4px}.thread-mode.dark-mode .thread-handle{color:#71767b!important}.thread-text{word-wrap:break-word;color:#e7e9ea;font-size:21px;font-weight:400;line-height:1.5;margin-bottom:8px}.thread-text p{color:#000!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-size:21px!important;font-weight:400!important;line-height:1.5!important;margin:0 0 25px;text-align:left!important;text-indent:0!important;text-shadow:none!important;word-spacing:normal!important}.thread-mode.dark-mode .thread-text,.thread-mode.dark-mode .thread-text p{color:#fff!important}.thread-text p:last-child{margin-bottom:0}.thread-text img{border:1px solid #2f3336;border-radius:16px;height:auto;margin:8px 0;max-width:100%}.thread-text .image-wrapper{display:block;margin:8px 0}.thread-text .markdown-image{border:1px solid #2f3336;border-radius:16px;height:auto;max-width:100%}.thread-text .markdown-image:after{background-color:#000c;border-radius:4px;color:#e7e9ea}.thread-actions{align-items:center;display:flex;justify-content:flex-end;margin-top:4px}.thread-count{color:#536471;font-size:13px;font-weight:500;margin-left:4px}.thread-mode.dark-mode .thread-count{color:#71767b!important}.thread-mode .drop-cap{color:#000!important;float:left;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-size:4em;font-weight:400;line-height:.8;margin-right:8px;margin-top:4px}.thread-mode.dark-mode .drop-cap{color:#fff!important}@media (max-width:768px){.thread-post{padding:8px 12px}.thread-post:not(:first-child){padding-left:37px}.thread-post:first-child .thread-content{padding-left:20px}.thread-avatar{margin-right:8px}.thread-avatar,.thread-avatar-img{height:32px;width:32px}.thread-post:not(:first-child):last-child:after,.thread-post:not(:first-child):not(:last-child):after{left:53px;top:44px}.thread-text,.thread-text p{font-size:17px!important}.thread-handle{font-size:14px}.thread-mode .drop-cap{font-size:3.2em;margin-right:6px;margin-top:2px}}.thread-mode main{background:#fff!important;color:#000!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;margin:0 auto!important;max-width:600px!important;padding:0!important}.thread-mode.dark-mode main{background:#000!important;color:#fff!important}.thread-mode main p{color:#000!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:27px!important;margin:0 0 25px!important;padding:0!important;text-align:left!important;text-indent:0!important;text-shadow:none!important;word-spacing:normal!important}.thread-mode.dark-mode main p{color:#fff!important}.carousel{border-radius:16px;box-shadow:0 8px 32px #0000004d;height:400px;margin:20px auto 40px;max-width:1000px;overflow:hidden;position:relative;width:100%}.carousel .list .item{height:100%;inset:0 0 0 0;position:absolute;width:100%}.carousel .list .item img{height:100%;object-fit:cover;width:100%}.carousel .list .item .content{box-sizing:border-box;color:#fff;left:50%;max-width:700px;position:absolute;text-align:center;text-shadow:0 5px 10px #0004;top:15%;transform:translateX(-50%);width:80%}.carousel .list .item .author{font-family:Poppins,sans-serif;font-weight:700;letter-spacing:10px}.carousel .list .item .title,.carousel .list .item .topic{font-family:Poppins,sans-serif;font-size:2.5em;font-weight:700;line-height:1.2em}.carousel .list .item .topic{color:#d6ac0e}.carousel .list .item .des{font-family:Poppins,sans-serif;font-size:14px;line-height:1.5;margin-bottom:15px}.carousel .list .item .buttons{align-items:center;display:flex;justify-content:center;margin-top:20px}.carousel .list .item .buttons button{background-color:#eee;border:none;border-radius:4px;cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;letter-spacing:3px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.carousel .list .item .buttons button:hover{background-color:#d6ac0e;color:#000;transform:translateY(-2px)}.carousel .list .item .buttons a{color:inherit;text-decoration:none}.arrows{align-items:center;display:flex;justify-content:space-between;padding:0 20px;pointer-events:none;position:absolute;top:50%;width:100%;z-index:100}.arrows button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;font-family:monospace;font-weight:700;height:40px;pointer-events:auto;transition:.5s;width:40px}.arrows button:hover{background-color:#d6ac0e;color:#000;transform:scale(1.1)}.arrows button:disabled{cursor:not-allowed;opacity:.5}.dots-container{bottom:20px;display:flex;gap:12px;left:50%;position:absolute;transform:translateX(-50%);z-index:100}.dot{background-color:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.dot:hover{background-color:#fffc;transform:scale(1.2)}.dot.active{background-color:#d6ac0e;transform:scale(1.3)}.dot:disabled{cursor:not-allowed;opacity:.6}.carousel .list .item:first-child{z-index:1}.carousel .list .item:first-child .content .author,.carousel .list .item:first-child .content .buttons,.carousel .list .item:first-child .content .des,.carousel .list .item:first-child .content .title,.carousel .list .item:first-child .content .topic{animation:showContent .5s linear 1s 1 forwards;filter:blur(20px);opacity:0;transform:translateY(50px)}@keyframes showContent{to{filter:blur(0);opacity:1;transform:translateY(0)}}.carousel .list .item:first-child .content .title{animation-delay:1.2s!important}.carousel .list .item:first-child .content .topic{animation-delay:1.4s!important}.carousel .list .item:first-child .content .des{animation-delay:1.6s!important}.carousel .list .item:first-child .content .buttons{animation-delay:1.8s!important}.carousel.next .list .item:first-child img{animation:slideInNext .5s ease-in-out 1 forwards}.carousel.prev .list .item:first-child img{animation:slideInPrev .5s ease-in-out 1 forwards}@keyframes slideInNext{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInPrev{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.carousel .time{background-color:#d6ac0e;height:3px;left:0;position:absolute;top:0;width:0;z-index:1000}.carousel.next .time,.carousel.prev .time{animation:runningTime 3s linear 1 forwards}@keyframes runningTime{0%{width:100%}to{width:0}}.carousel.prev .list .item:nth-child(2){z-index:2}.carousel.next .arrows button,.carousel.prev .arrows button{pointer-events:none}.carousel.prev .list .item:nth-child(2) .content .author,.carousel.prev .list .item:nth-child(2) .content .buttons,.carousel.prev .list .item:nth-child(2) .content .des,.carousel.prev .list .item:nth-child(2) .content .title,.carousel.prev .list .item:nth-child(2) .content .topic{animation:contentOut 1.5s linear 1 forwards!important}@keyframes contentOut{to{filter:blur(20px);opacity:0;transform:translateY(-150px)}}@media screen and (min-width:1024px){.carousel{height:450px;max-width:1100px}.carousel .list .item .content{max-width:800px;top:20%;width:70%}.carousel .list .item .title,.carousel .list .item .topic{font-size:2.8em}.carousel .list .item .des{font-size:16px}.arrows{padding:0 25px}.arrows button{height:45px;width:45px}.dots-container{bottom:25px;gap:15px}.dot{height:14px;width:14px}}@media screen and (max-width:768px){.carousel{border-radius:12px;height:50vh;margin:15px auto 30px;max-height:400px}.carousel .list .item .content{max-width:90%;padding-left:20px;padding-right:10px;top:15%}.carousel .list .item .content .author{font-size:10px;letter-spacing:5px}.carousel .list .item .content .title,.carousel .list .item .content .topic{font-size:1.8em;margin-bottom:8px}.carousel .list .item .content .des{font-size:12px;line-height:1.4;margin-bottom:15px}.carousel .list .item .buttons{margin-top:15px}.carousel .list .item .buttons button{font-size:10px;letter-spacing:1px;padding:8px 16px}.arrows{padding:0 15px}.arrows button{font-size:16px;height:35px;width:35px}}@media screen and (max-width:480px){.carousel{height:40vh;margin:10px auto 20px;max-height:300px}.carousel .list .item .content{padding-left:15px;padding-right:5px;top:10%}.carousel .list .item .content .title,.carousel .list .item .content .topic{font-size:1.4em}.carousel .list .item .content .des{font-size:11px}.carousel .list .item .buttons button{font-size:9px;padding:6px 12px}.arrows{padding:0 10px}.arrows button{font-size:14px;height:30px;width:30px}}.container{background:#1a1a1a;color:#e0e0e0;min-height:100vh}.feed-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a2a2a4d;margin:0 auto;max-width:1400px;padding:40px 30px}.stories-grid{grid-gap:40px;gap:40px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:30px}.story-card{background:#222;border-radius:8px;color:inherit;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.story-card:hover{box-shadow:0 10px 20px #0000004d;transform:translateY(-5px)}.story-image-container{overflow:hidden;padding-top:56.25%;position:relative}.story-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.story-info{padding:20px}.story-info h2{color:#d6ac0e;font-size:1.5rem;margin:0 0 10px}.story-info p{color:#ccc;font-size:1rem;line-height:1.5;margin:0}.auth-popup-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.auth-popup{background:#222;border-radius:8px;max-width:400px;padding:30px;position:relative;width:90%}.close-auth{background:none;border:none;color:#d6ac0e;cursor:pointer;font-size:24px;padding:5px;position:absolute;right:10px;top:10px}.close-auth:hover{color:#e0b723}.picks-section{margin:0 0 20px}.picks-grid{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin-top:25px}.pick-card-wrapper{background:#2a2a2acc;border:2px solid #d4a5744d;border-radius:15px;box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.pick-card-wrapper:hover{border-color:#d4a574;box-shadow:0 10px 25px #d4a5744d;transform:translateY(-5px)}.pick-card-header{cursor:pointer;display:flex;flex-direction:column}.pick-image-container{overflow:hidden;padding-top:56.25%;position:relative}.pick-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.pick-title-section{align-items:center;display:flex;justify-content:space-between;padding:20px}.pick-title-section h3{color:#d4a574;font-family:IM Fell English,serif;font-size:1.4rem;font-weight:600;margin:0}.pick-synopsis{background:#1a1a1ae6;border-top:1px solid #d4a5744d;padding:0 20px 20px}.pick-synopsis p{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin:18px 0}.pick-synopsis .read-story-btn{background:linear-gradient(45deg,#d4a574,#e6c08a);border-radius:25px;box-shadow:0 2px 8px #d4a5744d;color:#2c2c2c;display:inline-block;font-size:1rem;font-weight:600;margin-bottom:15px;padding:12px 25px;text-decoration:none;transition:all .3s ease}.pick-synopsis .read-story-btn:hover{background:linear-gradient(45deg,#e6c08a,#d4a574);box-shadow:0 4px 12px #d4a57466;transform:translateY(-2px)}.latest-stories-section,.older-stories-section{margin-top:20px}.story-card-wrapper{background:#2a2a2acc;border:2px solid #d4a5744d;border-radius:15px;box-shadow:0 4px 15px #0000004d;overflow:hidden;transition:all .3s ease}.story-card-wrapper:hover{border-color:#d4a574;box-shadow:0 10px 25px #d4a5744d;transform:translateY(-5px)}.story-card-header{cursor:pointer;display:flex;flex-direction:column}.story-title-section{align-items:center;display:flex;justify-content:space-between;padding:20px}.story-title-section h3{color:#d4a574;font-family:IM Fell English,serif;font-size:1.5rem;font-weight:600;margin:0}.expand-arrow{color:#d4a574;font-size:1.2rem;transition:transform .3s ease}.story-synopsis{background:#1a1a1ae6;border-top:1px solid #d4a5744d;padding:0 20px 20px}.story-synopsis p{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin:18px 0}.read-story-btn{background:linear-gradient(45deg,#d4a574,#e6c08a);border-radius:25px;box-shadow:0 2px 8px #d4a5744d;color:#2c2c2c;display:inline-block;font-size:1rem;font-weight:600;margin-bottom:15px;padding:12px 25px;text-decoration:none;transition:all .3s ease}.read-story-btn:hover{background:linear-gradient(45deg,#e6c08a,#d4a574);box-shadow:0 4px 12px #d4a57466;transform:translateY(-2px)}.section-title{color:#d4a574;font-family:Georgia,Times New Roman,serif;font-size:2.2rem;font-weight:600;letter-spacing:.5px;margin-bottom:20px;padding:8px 0;position:relative;text-align:left;text-shadow:1px 1px 2px #0000001a}.section-title:after{background:linear-gradient(90deg,#d4a574,#e6c08a);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:80px}.stories-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}@media (max-width:768px){.feed-container{padding:15px}.picks-section{margin:30px 0}.picks-grid{gap:15px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.pick-title-section{padding:12px}.pick-title-section h3{font-size:1.1rem}.pick-synopsis{padding:0 12px 12px}.older-stories-section{margin-top:40px}.section-title{font-size:1.2rem;margin-bottom:20px}.stories-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.story-title-section h3{font-size:1.2rem}.story-synopsis p{font-size:.9rem}}@media (max-width:480px){.picks-grid{gap:10px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.pick-title-section{padding:10px}.pick-title-section h3{font-size:1rem}.pick-synopsis{padding:0 10px 10px}.stories-grid{gap:15px;grid-template-columns:1fr}.story-card-wrapper{max-width:100%}.story-title-section{padding:12px}.story-synopsis{padding:0 12px 12px}}.privacy-policy-container{background-color:#222;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#eee;margin:40px auto;max-width:800px;padding:20px 30px;text-align:left}.privacy-policy-container h1{color:#d6ac0e;font-size:2rem;margin-bottom:10px;text-align:center}.last-updated{color:#999;font-size:.8rem;margin-bottom:30px;text-align:center}section{margin-bottom:30px}h2,section{text-align:left}h2{border-bottom:1px solid #444;color:#d6ac0e;font-size:1.5rem;margin-bottom:15px;padding-bottom:8px}h3{color:#ccc;font-size:1.2rem;margin:20px 0 10px}h3,p{text-align:left}p{font-size:1rem;line-height:1.6;margin-bottom:15px}ul{margin:15px 0;padding-left:30px}li,ul{text-align:left}li{font-size:1rem;line-height:1.5;list-style-type:disc;margin-bottom:8px}.deletion-request-form{background-color:#333;border-radius:6px;margin-top:20px;padding:20px}.deletion-request-form h3{color:#d6ac0e;margin-bottom:20px;margin-top:0;text-align:center}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;font-weight:500;margin-bottom:8px;text-align:left}.form-group input{background-color:#444;border:1px solid #555;border-radius:4px;color:#fff;font-size:1rem;padding:10px;width:100%}.submit-button{background-color:#d6ac0e;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:12px;transition:background-color .2s;width:100%}.submit-button:hover{background-color:#e0b723}.error-message{background-color:#e74c3c1a;border-radius:4px;color:#e74c3c;font-size:.9rem;margin-bottom:15px;padding:10px;text-align:left}.success-message{background-color:#2ecc711a;border-radius:4px;color:#2ecc71;padding:15px;text-align:center}.form-note{color:#999;font-size:.8rem;font-style:italic;margin-top:15px;text-align:left}.contact-info{background-color:#333;border-radius:6px;margin-top:10px;padding:15px;text-align:left}.contact-info p{margin:5px 0;text-align:left}.deletion-request-guidelines{background-color:#333;border-radius:6px;margin-top:20px;padding:20px}.deletion-request-guidelines h3{color:#d6ac0e;margin-bottom:20px;margin-top:0;text-align:center}.email-link{color:#d6ac0e;font-weight:500;text-decoration:underline;transition:color .2s}.email-link:hover{color:#e0b723}.process-note{font-weight:500;margin-bottom:10px;margin-top:20px}.contact-note{color:#ccc;font-size:.95rem;font-style:italic;margin-top:20px}ol{margin:15px 0;padding-left:30px}ol,ol li{text-align:left}ol li{font-size:1rem;line-height:1.5;list-style-type:decimal;margin-bottom:8px}@media (max-width:768px){.privacy-policy-container{margin:20px;padding:15px 20px}.privacy-policy-container h1{font-size:1.7rem}h2{font-size:1.3rem}h3{font-size:1.1rem}li,p{font-size:.95rem}}
/*# sourceMappingURL=main.fbd4b2f2.css.map*/