@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";:root{--font-family-serif: "Lora", Georgia, serif;--font-family-sans-serif: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-dark: #1A1A1A;--text-dark-primary: #E0E0E0;--text-dark-secondary: #B0B0B0;--text-dark-headings: #F5F5F5;--element-bg-dark-primary: #2A2A2A;--element-bg-dark-secondary: #3A3A3A;--border-dark-standard: #4A4A4A;--border-dark-strong: #6A6A6A;--bg-light: #FDF6E3;--text-light-primary: #333333;--text-light-secondary: #555555;--text-light-headings: #111111;--element-bg-light-primary: #FFFFFF;--element-bg-light-secondary: #F3EADA;--border-light-standard: #D1C7B6;--border-light-strong: #BFAE99;--accent-primary-hue: 30;--accent-primary: #F59E0B;--accent-primary-hover: #FBBE24;--accent-primary-active: #D97706;--accent-text-on-dark: #FDBA74;--accent-text-on-light: #9A3412;--accent-text-on-accent: #422006;--glow-color: hsla(var(--accent-primary-hue), 90%, 60%, .6);--glow-color-soft: hsla(var(--accent-primary-hue), 85%, 65%, .4);--glow-text-color: hsla(var(--accent-primary-hue), 90%, 70%, .9);--danger-color: hsl(0, 70%, 58%);--danger-color-hover: hsl(0, 75%, 52%);--danger-text-color: #F5F5F5;--danger-glow: hsla(0, 70%, 58%, .5);--disabled-opacity: .5;--content-max-width: 720px;--sidebar-width: 230px;--top-bar-height-mobile: 56px;--bottom-nav-height: 60px;--app-background: var(--bg-dark);--app-text-primary: var(--text-dark-primary);--app-text-secondary: var(--text-dark-secondary);--app-text-headings: var(--text-dark-headings);--app-element-bg-primary: var(--element-bg-dark-primary);--app-element-bg-secondary: var(--element-bg-dark-secondary);--app-border-standard: var(--border-dark-standard);--app-border-strong: var(--border-dark-strong);--app-border-focus: var(--accent-primary);--app-shadow-soft: hsla(20, 30%, 5%, .4);--app-shadow-medium: hsla(20, 30%, 5%, .6);--app-accent-primary: var(--accent-primary);--app-accent-hover: var(--accent-primary-hover);--app-accent-active: var(--accent-primary-active);--app-accent-text-on-dark-bg: var(--accent-text-on-dark);--app-accent-text-on-light-bg: var(--accent-text-on-light);--app-accent-text-on-accent-bg: var(--accent-text-on-accent);--app-danger-primary: var(--danger-color);--app-danger-hover: var(--danger-color-hover);--app-danger-text: var(--danger-text-color);--input-bg: var(--bg-dark);--input-text: var(--text-dark-primary);--input-placeholder-text: var(--text-dark-secondary);--button-primary-bg: var(--app-accent-primary);--button-primary-text: var(--app-accent-text-on-accent-bg);--button-primary-border: var(--app-accent-primary);--button-secondary-bg: var(--app-element-bg-secondary);--button-secondary-text: var(--app-text-primary);--button-secondary-border: var(--app-border-strong);--button-danger-bg: var(--app-danger-primary);--button-danger-text: var(--app-danger-text);--button-danger-border: var(--app-danger-primary);--link-text: var(--app-accent-text-on-dark-bg);--link-text-hover: var(--app-accent-hover);--avatar-text-color: var(--app-accent-text-on-accent-bg);--avatar-border-color: var(--app-accent-active);--avatar-bg-glow-inset: var(--glow-color-soft);--nav-item-active-bg: hsla(var(--accent-primary-hue), 80%, 50%, .1);--nav-item-active-border-right: var(--app-accent-primary)}.light-theme{--app-background: var(--bg-light);--app-text-primary: var(--text-light-primary);--app-text-secondary: var(--text-light-secondary);--app-text-headings: var(--text-light-headings);--app-element-bg-primary: var(--element-bg-light-primary);--app-element-bg-secondary: var(--element-bg-light-secondary);--app-border-standard: var(--border-light-standard);--app-border-strong: var(--border-light-strong);--app-border-focus: var(--accent-primary-active);--app-shadow-soft: hsla(30, 25%, 60%, .15);--app-shadow-medium: hsla(30, 25%, 60%, .25);--app-accent-primary: var(--accent-primary-active);--app-accent-hover: #EAB308;--app-accent-active: #B45309;--danger-color: hsl(0, 70%, 50%);--danger-color-hover: hsl(0, 70%, 45%);--app-danger-text: #FFFFFF;--input-bg: #FFFFFF;--input-text: var(--text-light-primary);--input-placeholder-text: var(--text-light-secondary);--button-secondary-bg: var(--element-bg-light-secondary);--button-secondary-border: var(--border-light-strong);--link-text: var(--app-accent-text-on-light-bg);--link-text-hover: var(--app-accent-active);--avatar-text-color: var(--app-accent-text-on-accent-bg);--avatar-border-color: var(--app-accent-active);--avatar-bg-glow-inset: hsla(var(--accent-primary-hue), 60%, 50%, .15);--nav-item-active-bg: hsla(var(--accent-primary-hue), 55%, 45%, .1)}html{height:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{height:100%;margin:0;padding:0;font-family:var(--font-family-sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--app-background);color:var(--app-text-primary);overflow:hidden}div#root,#root-container{display:flex;width:100%;height:100%;background-color:var(--app-background)}#root-container.app-layout{flex-direction:column;overflow:hidden}#root-container.auth-layout{flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;padding:20px 0}.app-logo-svg{stroke:var(--app-accent-primary);flex-shrink:0}.light-theme .app-logo-svg{stroke:var(--app-accent-text-on-light-bg)}.auth-page-logo{width:50px;height:50px;margin-bottom:10px}.top-bar{position:fixed;top:0;left:0;width:100%;height:var(--top-bar-height-mobile);background-color:var(--app-element-bg-primary);border-bottom:1px solid var(--app-border-standard);box-shadow:0 2px 5px var(--app-shadow-soft);display:flex;align-items:center;padding:0 15px;z-index:1100;box-sizing:border-box}.top-bar-brand-button{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer;color:inherit}.top-bar-logo{width:32px;height:32px;margin-right:10px;stroke:var(--app-accent-primary)}.light-theme .top-bar-logo{stroke:var(--app-accent-text-on-light-bg)}.top-bar-title{font-size:1.2em;font-weight:600;color:var(--app-text-headings);letter-spacing:.5px}.light-theme .top-bar-title{color:var(--app-text-headings)}.bottom-nav{position:fixed!important;bottom:0!important;top:auto!important;left:0!important;width:100%!important;height:var(--bottom-nav-height)!important;background-color:var(--app-element-bg-primary)!important;border-top:1px solid var(--app-border-standard)!important;border-right:none!important;display:flex!important;justify-content:space-around!important;align-items:center!important;z-index:1000!important;box-shadow:0 -2px 10px var(--app-shadow-medium)!important;padding:0!important;box-sizing:border-box!important;flex-shrink:0!important;flex-direction:row!important}.sidebar-branding-header{display:none;flex-direction:column;align-items:center;padding:20px 15px 15px;width:100%;border-bottom:1px solid var(--app-border-standard);margin-bottom:10px;cursor:pointer}.sidebar-branding-header .sidebar-logo{width:40px;height:40px;margin-bottom:8px;stroke:var(--app-accent-primary)}.light-theme .sidebar-branding-header .sidebar-logo{stroke:var(--app-accent-text-on-light-bg)}.sidebar-branding-header .sidebar-app-name{font-size:1.15em;font-weight:600;color:var(--app-text-headings);text-align:center}.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;height:100%;padding:5px;cursor:pointer;color:var(--app-text-secondary);background:none;border:none;text-align:center;font-family:var(--font-family-sans-serif);transition:color .2s,text-shadow .2s}.bottom-nav .nav-item svg{width:20px;height:20px;margin-bottom:3px;stroke:currentColor;flex-shrink:0;transition:stroke .2s,filter .2s}.bottom-nav .nav-item-label{font-size:.75em;white-space:nowrap}.bottom-nav .nav-item.active{color:var(--app-accent-primary);text-shadow:0 0 8px var(--glow-text-color)}.bottom-nav .nav-item.active svg{stroke:var(--app-accent-primary);filter:drop-shadow(0 0 3px var(--glow-color-soft))}.bottom-nav .nav-item:hover:not(.active){color:var(--app-text-primary)}.bottom-nav .nav-item:hover:not(.active) svg{stroke:var(--app-text-primary)}.bottom-nav .nav-item.nav-item-settings{display:none}.app-content-area{flex:1;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;background-color:var(--app-background);padding-bottom:var(--bottom-nav-height);box-sizing:border-box;margin-left:0;min-height:0;transition:padding-top .3s ease-in-out}.app-content-area--with-top-bar{padding-top:var(--top-bar-height-mobile)}#root-container.auth-layout .app-content-area{padding-bottom:0;align-items:center;justify-content:center;overflow-y:visible;min-height:auto;flex-grow:0;width:100%}@media (min-width: 768px){#root-container.app-layout{flex-direction:row}#root-container.auth-layout{padding:0}.top-bar{display:none}.app-content-area--with-top-bar{padding-top:0}.bottom-nav{position:fixed!important;width:var(--sidebar-width)!important;height:100vh!important;top:0!important;bottom:auto!important;left:0!important;background-color:var(--app-element-bg-primary)!important;border-top:none!important;border-right:1px solid var(--app-border-standard)!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;padding:0 0 20px!important;box-shadow:2px 0 10px var(--app-shadow-medium)!important;z-index:1000!important;box-sizing:border-box!important;flex-shrink:0!important}.sidebar-branding-header{display:flex}.bottom-nav .nav-item{flex-direction:row;align-items:center;width:100%;padding:12px 20px;flex-grow:0;height:auto;justify-content:flex-start;text-align:left}.bottom-nav .nav-item:hover:not(.active){background-color:var(--app-element-bg-secondary);color:var(--app-text-primary)}.bottom-nav .nav-item.active{background-color:var(--nav-item-active-bg);border-right:3px solid var(--nav-item-active-border-right);padding-right:17px;text-shadow:none}.bottom-nav .nav-item.active svg{filter:drop-shadow(0 0 5px var(--glow-color))}.bottom-nav .nav-item svg{width:22px;height:22px;margin-right:15px;margin-bottom:0}.bottom-nav .nav-item-label{font-size:.95em}.bottom-nav .nav-item.nav-item-settings{display:flex;order:5}.app-content-area{margin-left:var(--sidebar-width);padding-bottom:0}#root-container.auth-layout .app-content-area{margin-left:0;flex-grow:1}}h1,h2,h3,h4{color:var(--app-text-headings);font-weight:600}h1{font-size:1.8em;margin-bottom:.5em}h2{font-size:1.6em;margin-bottom:20px}h3{font-size:1.25em;margin-bottom:.8em}h4{font-size:1.05em;color:var(--app-accent-text-on-dark-bg);margin-bottom:.7em;text-shadow:0 0 3px var(--glow-color-soft)}.light-theme h4{color:var(--app-accent-text-on-light-bg);text-shadow:none}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:380px;padding:25px;background-color:var(--app-element-bg-primary);border-radius:8px;box-shadow:0 0 15px var(--app-shadow-medium),0 0 25px var(--glow-color-soft);border:1px solid var(--app-border-standard);margin:20px auto}.auth-header{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;position:relative;width:100%}.btn-back-auth{position:absolute;top:0;left:0;background:none;border:none;color:var(--link-text);cursor:pointer;font-size:.9rem;padding:.5rem}.auth-header .auth-page-logo{stroke:var(--app-accent-primary)}.light-theme .auth-header .auth-page-logo{stroke:var(--app-accent-text-on-light-bg)}.auth-header h1{font-size:2em;color:var(--app-text-headings);margin:0;font-weight:700;letter-spacing:1px;text-shadow:0 0 8px var(--glow-color-soft)}.light-theme .auth-header h1{text-shadow:none}.auth-container h2{text-align:center;margin-bottom:25px;color:var(--app-text-headings)}.form-group{margin-bottom:18px;width:100%;text-align:left}.form-group label{display:block;font-weight:500;margin-bottom:8px;color:var(--app-text-secondary);font-size:.85em}.form-group label.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text],.form-group input[type=search],.form-group textarea,.form-section select{width:100%;padding:10px 14px;border:1px solid var(--app-border-standard);border-radius:6px;box-sizing:border-box;font-size:1em;font-family:var(--font-family-sans-serif);transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;color:var(--input-text);background-color:var(--input-bg)}.form-group textarea{resize:vertical;min-height:70px}.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus,.form-group input[type=search]:focus,.form-group textarea:focus,.form-section select:focus{outline:none;border-color:var(--app-border-focus);box-shadow:0 0 0 2px var(--glow-color-soft),0 0 8px var(--glow-color)}.light-theme .form-group input[type=email]:focus,.light-theme .form-group input[type=password]:focus,.light-theme .form-group input[type=text]:focus,.light-theme .form-group input[type=search]:focus,.light-theme .form-group textarea:focus,.light-theme .form-section select:focus{box-shadow:0 0 0 2px #26d9d933,0 0 8px #26d9d966}.btn{padding:10px 18px;font-size:.95em;font-weight:600;font-family:var(--font-family-sans-serif);border-radius:6px;cursor:pointer;transition:background-color .2s,transform .1s,box-shadow .2s,opacity .2s,border-color .2s;border:1px solid transparent;width:100%;box-sizing:border-box;margin-top:8px;text-transform:uppercase;letter-spacing:.5px}.btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed;background-color:var(--app-element-bg-secondary)!important;color:var(--text-disabled)!important;border-color:var(--app-border-standard)!important;box-shadow:none!important}.btn.btn-small{padding:5px 10px;font-size:.8em}.btn-primary{background-color:var(--button-primary-bg);color:var(--button-primary-text);border-color:var(--button-primary-border);box-shadow:0 0 8px var(--glow-color-soft)}.btn-primary:hover:not(:disabled){background-color:var(--app-accent-hover);border-color:var(--app-accent-hover);box-shadow:0 0 12px var(--glow-color)}.btn-primary:active:not(:disabled){transform:translateY(1px);background-color:var(--app-accent-active);border-color:var(--app-accent-active);box-shadow:0 0 5px var(--glow-color-soft)}.light-theme .btn-primary{box-shadow:0 2px 4px var(--app-shadow-soft)}.light-theme .btn-primary:hover:not(:disabled){box-shadow:0 3px 6px var(--app-shadow-medium)}.btn-secondary{background-color:var(--button-secondary-bg);color:var(--button-secondary-text);border:1px solid var(--button-secondary-border)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-element-tertiary);border-color:var(--app-accent-primary);color:var(--app-accent-primary);box-shadow:0 0 8px var(--glow-color-soft)}.light-theme .btn-secondary:hover:not(:disabled){background-color:#dadee7;box-shadow:0 1px 3px var(--app-shadow-soft)}.btn-danger{background-color:var(--button-danger-bg);color:var(--button-danger-text);border-color:var(--button-danger-border);box-shadow:0 0 8px var(--danger-glow)}.btn-danger:hover:not(:disabled){background-color:var(--app-danger-hover);border-color:var(--app-danger-hover);box-shadow:0 0 12px var(--danger-glow)}.light-theme .btn-danger{box-shadow:0 2px 4px #d9262633}.light-theme .btn-danger:hover:not(:disabled){box-shadow:0 3px 6px #d926264d}.auth-links{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.btn-link{background:none;border:none;color:var(--link-text);cursor:pointer;text-decoration:none;padding:5px;font-size:.85em;font-weight:500;font-family:var(--font-family-sans-serif);width:auto;margin-top:0;text-transform:none;letter-spacing:0;transition:color .2s,text-shadow .2s}.btn-link:hover:not(:disabled){color:var(--link-text-hover);text-decoration:underline;text-shadow:0 0 5px var(--glow-text-color)}.light-theme .btn-link:hover:not(:disabled){text-shadow:none}.btn-link:disabled{color:var(--text-disabled);cursor:not-allowed;text-decoration:none}.reset-message{margin-bottom:15px;padding:10px 14px;border-radius:6px;width:100%;box-sizing:border-box;font-size:.85em;text-align:left;background-color:#1b989833;border:1px solid var(--app-accent-primary);color:var(--app-accent-text-on-dark-bg)}.light-theme .reset-message{background-color:#bef4f480;color:var(--app-accent-text-on-light-bg)}.auth-page-footer{margin-top:30px;padding-top:20px;border-top:1px solid var(--app-border-standard);width:100%;text-align:center}.auth-footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 15px;margin-bottom:15px}.auth-footer-nav .btn-link,.auth-footer-nav a{font-size:.8em;color:var(--app-text-secondary);text-decoration:none;padding:2px 0;margin:0}.auth-footer-nav .btn-link:hover,.auth-footer-nav a:hover{color:var(--app-text-primary);text-decoration:underline;text-shadow:none}.auth-copyright{font-size:.75em;color:var(--app-text-secondary);margin:0}.home-screen-wrapper,.thread-view-container,.edit-profile-screen-container,.user-profile-screen-container,.static-page-container,.settings-screen-container,.legal-page-container{display:flex;flex-direction:column;flex-grow:1;width:100%;background-color:var(--app-background)}.main-content,.thread-posts-list,.profile-screen-container>.profile-sections-scroll-wrapper,.edit-profile-screen-container>.edit-profile-form,.user-profile-screen-container>.profile-sections-scroll-wrapper,.explore-container,.create-story-form-container,.static-page-content,.settings-screen-container>.settings-sections-scroll-wrapper{flex-grow:1;box-sizing:border-box;display:flex;flex-direction:column}.main-content,.explore-container,.create-story-form-container,.static-page-content{padding:10px}.main-content:has(.feed-filter-toggle-sticky-wrapper),.main-content:has(.explore-search-form){padding-top:0}.thread-posts-list{padding:0}.app-content-area::-webkit-scrollbar{width:6px}.app-content-area::-webkit-scrollbar-track{background:var(--app-element-bg-primary)}.app-content-area::-webkit-scrollbar-thumb{background-color:var(--app-accent-active);border-radius:3px}.app-content-area{scrollbar-color:var(--app-accent-active) var(--app-element-bg-primary)}.feed-container,.tab-placeholder,.create-story-form-container>form,.thread-view-header,.profile-header,.edit-profile-header,.profile-section,.edit-profile-avatar-preview,.explore-search-form>.search-input-group,.explore-search-form>.explore-filters,.explore-search-form>.genre-filter-select,.feed-filter-toggle,.home-screen-wrapper>div[style*="padding: 10px"],.pagination-controls,.legal-page-header,.static-page-content>:is(p,h3,ul,ol,blockquote),.settings-screen-header,.settings-section{max-width:var(--content-max-width);margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}.thread-posts-list .feed-post{max-width:var(--content-max-width);margin-left:auto;margin-right:auto}.profile-header,.user-profile-header,.edit-profile-header,.profile-section,.edit-profile-avatar-preview,.settings-screen-header,.settings-section{padding-left:12px;padding-right:12px}.feed-container{display:flex;flex-direction:column;gap:12px}.explore-container>.feed-container{padding-top:8px}.feed-container>.loading-indicator{margin:30px auto}.tab-placeholder{padding:30px 15px;color:var(--app-text-secondary);font-size:1em;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.tab-placeholder h3{font-size:1.2em;color:var(--app-text-primary);margin-bottom:8px}.tab-placeholder p{font-size:.9em;line-height:1.4;max-width:280px}.feed-post{background-color:var(--app-element-bg-primary);border:1px solid var(--app-border-standard);border-radius:8px;padding:12px 15px;box-shadow:0 2px 5px var(--app-shadow-soft);text-align:left;transition:box-shadow .2s,border-color .2s,opacity .2s,transform .2s;display:flex;flex-direction:column}.feed-post.clickable:hover:not(.soft-deleted):not(.post-being-deleted),.feed-post.clickable:focus:not(.soft-deleted):not(.post-being-deleted){border-color:var(--app-accent-primary);box-shadow:0 0 10px var(--glow-color),0 0 5px var(--glow-color-soft);transform:translateY(-2px)}.light-theme .feed-post.clickable:hover:not(.soft-deleted):not(.post-being-deleted),.light-theme .feed-post.clickable:focus:not(.soft-deleted):not(.post-being-deleted){box-shadow:0 4px 12px var(--app-shadow-medium)}.feed-post:focus-within:not(.soft-deleted):not(.post-being-deleted){border-color:var(--app-border-focus);box-shadow:0 0 0 2px var(--glow-color-soft),0 0 8px var(--glow-color)}.light-theme .feed-post:focus-within:not(.soft-deleted):not(.post-being-deleted){box-shadow:0 0 0 2px #26d9d933,0 0 8px #26d9d94d}.feed-post.post-being-deleted{opacity:.4;pointer-events:none;filter:grayscale(.5)}.feed-post.soft-deleted{background-color:var(--app-element-bg-secondary);border:1px dashed var(--app-border-strong);opacity:.6;cursor:default;box-shadow:none}.feed-post.soft-deleted .post-title,.feed-post.soft-deleted .post-content-text,.feed-post.soft-deleted .post-hint-text,.feed-post.soft-deleted .post-username{color:var(--text-disabled);font-style:italic;opacity:.8}.feed-post.soft-deleted .post-username.clickable-author{cursor:default;text-decoration:none}.feed-post.soft-deleted .avatar-placeholder.clickable-author{cursor:default;opacity:.7}.feed-post.soft-deleted .post-genre,.feed-post.soft-deleted .post-actions{display:none}.post-header{display:flex;align-items:center;margin-bottom:6px;flex-shrink:0}.avatar-placeholder{width:38px;height:38px;border-radius:50%;margin-right:10px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--avatar-text-color);font-size:1em;text-transform:uppercase;flex-shrink:0;border:1px solid var(--avatar-border-color);box-shadow:0 0 5px var(--avatar-bg-glow-inset) inset,0 0 3px var(--avatar-bg-glow-inset)}.avatar-placeholder.clickable-author{cursor:pointer;transition:opacity .2s,box-shadow .2s}.avatar-placeholder.clickable-author:hover{opacity:.85;box-shadow:0 0 8px var(--avatar-bg-glow-inset) inset,0 0 6px var(--avatar-bg-glow-inset)}.post-meta{display:flex;flex-direction:column;justify-content:center;flex-grow:1;line-height:1.25;min-width:0;overflow:hidden}.post-username{font-weight:600;font-size:.95em;color:var(--app-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-username.clickable-author{cursor:pointer;text-decoration:none;color:var(--app-accent-text-on-dark-bg);transition:color .2s,text-shadow .2s}.light-theme .post-username.clickable-author{color:var(--app-accent-text-on-light-bg);text-shadow:none}.post-username.clickable-author:hover{color:var(--app-accent-hover);text-shadow:0 0 5px var(--glow-text-color)}.light-theme .post-username.clickable-author:hover{text-shadow:none}.post-timestamp{font-size:.75em;color:var(--app-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soft-deleted-indicator{font-size:.75em;color:var(--text-disabled);font-style:italic;margin-left:auto;padding-right:4px;display:flex;align-items:center;flex-shrink:0;white-space:nowrap}.soft-deleted-indicator svg{stroke:var(--text-disabled)}.post-parent-info{font-style:italic;color:var(--app-text-secondary);margin-bottom:5px;font-size:.8em;padding-left:8px;border-left:2px solid var(--app-accent-primary);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-parent-info em{font-weight:600;color:var(--app-text-primary)}.post-thread-part-indicator{font-size:.8em;font-weight:500;color:var(--app-accent-text-on-dark-bg);margin-bottom:5px;margin-top:2px}.light-theme .post-thread-part-indicator{color:var(--app-accent-text-on-light-bg)}.post-title-container{display:flex;align-items:baseline;flex-wrap:wrap;margin-bottom:5px}.post-title{font-size:1.2em;font-weight:700;color:var(--app-text-headings);line-height:1.25;margin-bottom:0;margin-right:8px;overflow-wrap:break-word;min-width:0;flex-shrink:1}.post-genre{font-size:.65em;font-weight:500;background-color:#14b8b833;color:var(--app-accent-text-on-dark-bg);padding:2px 7px;border-radius:10px;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;font-family:var(--font-family-sans-serif);margin-bottom:3px}.light-theme .post-genre{background-color:#22c3c326;color:var(--app-accent-text-on-light-bg)}.post-content-text{font-size:.9em;line-height:1.6;color:var(--app-text-primary);margin-bottom:4px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;font-family:var(--font-family-serif)}.post-hint-container{margin-top:0;margin-bottom:4px;overflow:hidden}.post-hint-container h4{margin:0 0 2px;font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.feed-post.soft-deleted .post-hint-container h4{color:var(--text-disabled);opacity:.8}.post-hint-text{font-size:.85em;color:var(--app-text-secondary);line-height:1.45;font-style:italic;word-wrap:break-word;overflow-wrap:break-word}.post-actions{display:flex;justify-content:space-around;align-items:center;padding-top:3px;margin-top:0;flex-shrink:0;gap:6px;overflow:hidden}.action-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:5px;color:var(--app-text-secondary);font-size:.75em;font-weight:500;font-family:var(--font-family-sans-serif);padding:5px 7px;border-radius:5px;flex-basis:0;flex-grow:1;justify-content:center;text-align:center;transition:color .2s,background-color .2s,opacity .2s,filter .2s,text-shadow .2s;min-width:0;overflow:hidden}.action-button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%}.action-button:hover:not(:disabled){color:var(--app-accent-hover);background-color:var(--app-element-bg-secondary);text-shadow:0 0 3px var(--glow-text-color)}.light-theme .action-button:hover:not(:disabled){text-shadow:none}.action-button:hover:not(:disabled) svg{filter:drop-shadow(0 0 2px var(--glow-color-soft))}.action-button svg{width:16px;height:16px;stroke:currentColor;flex-shrink:0}.action-button.active-like svg,.action-button.active-bookmark svg{fill:var(--app-accent-primary);stroke:var(--app-accent-primary);filter:drop-shadow(0 0 4px var(--glow-color))}.action-button.active-like,.action-button.active-bookmark{color:var(--app-accent-primary);text-shadow:0 0 5px var(--glow-text-color)}.light-theme .action-button.active-like,.light-theme .action-button.active-bookmark{text-shadow:none}.action-button:disabled{color:var(--text-disabled);cursor:not-allowed;opacity:var(--disabled-opacity)}.action-button:disabled svg{stroke:var(--text-disabled)}.action-button:disabled:hover{background-color:transparent;text-shadow:none}.bookmark-loading-spinner{width:14px;height:14px;border:2px solid var(--app-border-standard);border-top:2px solid var(--app-accent-primary);border-radius:50%;animation:spin 1s linear infinite}.comments-section{margin-top:8px;padding-top:8px;border-top:1px solid var(--app-border-standard);flex-shrink:0;overflow:hidden}.comments-section-title{font-size:.9em;font-weight:600;color:var(--app-text-primary);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.comments-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.comment-item{background-color:var(--app-element-bg-secondary);padding:8px 10px;border-radius:6px;font-size:.85em;overflow:hidden;border:1px solid var(--app-border-standard)}.comment-header{display:flex;align-items:center;margin-bottom:5px;overflow:hidden}.avatar-placeholder.comment-avatar{width:28px;height:28px;font-size:.85em;margin-right:8px}.comment-meta{display:flex;flex-direction:column;font-size:.95em;line-height:1.25;min-width:0;overflow:hidden}.comment-username{font-weight:600;color:var(--app-text-primary)}.comment-username.clickable-author{color:var(--app-accent-text-on-dark-bg)}.light-theme .comment-username.clickable-author{color:var(--app-accent-text-on-light-bg)}.comment-username.clickable-author:hover{color:var(--app-accent-hover);text-shadow:0 0 3px var(--glow-text-color)}.light-theme .comment-username.clickable-author:hover{text-shadow:none}.comment-timestamp{font-size:.8em;color:var(--app-text-secondary)}.comment-content-text{font-size:.95em;line-height:1.5;color:var(--app-text-primary);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:5px;overflow:hidden;font-family:var(--font-family-sans-serif)}.comment-actions{margin-top:5px;text-align:right}.comment-action-button{font-size:.75em;margin-left:8px;padding:2px 4px;color:var(--app-accent-text-on-dark-bg);font-family:var(--font-family-sans-serif)}.light-theme .comment-action-button{color:var(--app-accent-text-on-light-bg)}.comment-action-button:hover{color:var(--app-accent-hover)}.comment-edit-form textarea{width:100%;padding:8px;border:1px solid var(--app-border-standard);border-radius:5px;font-size:.9em;margin-bottom:8px;box-sizing:border-box;resize:vertical;min-height:50px;background-color:var(--input-bg);color:var(--input-text);font-family:var(--font-family-sans-serif)}.comment-edit-actions{display:flex;justify-content:flex-end;gap:6px}.comments-empty-state{font-size:.85em;color:var(--app-text-secondary);text-align:center;padding:12px 0}.add-comment-form .form-group{margin-bottom:8px}.add-comment-form textarea{padding:8px 10px;font-size:.9em;min-height:40px;background-color:var(--input-bg);color:var(--input-text);font-family:var(--font-family-sans-serif)}.add-comment-form textarea:focus{border-color:var(--app-border-focus);box-shadow:0 0 0 2px var(--glow-color-soft)}.light-theme .add-comment-form textarea:focus{box-shadow:0 0 0 2px #26d9d933}.add-comment-form .btn{width:auto;padding:6px 12px;font-size:.85em;margin-top:0}.post-header-actions{position:relative;margin-left:auto;flex-shrink:0}.feed-post.soft-deleted .post-header-actions{margin-left:4px}.post-settings-button{background:none;border:none;color:var(--app-text-secondary);cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s,filter .2s}.post-settings-button:hover:not(:disabled){background-color:var(--app-element-bg-secondary);color:var(--app-accent-primary);filter:drop-shadow(0 0 3px var(--glow-color-soft))}.light-theme .post-settings-button:hover:not(:disabled){filter:none}.post-settings-button:disabled{color:var(--text-disabled);cursor:not-allowed}.post-settings-button svg{width:18px;height:18px}.post-settings-menu{position:absolute;top:calc(100% + 4px);right:0;background-color:var(--app-element-bg-secondary);border:1px solid var(--app-border-strong);border-radius:6px;box-shadow:0 4px 12px var(--app-shadow-medium);z-index:1000;width:max-content;min-width:180px;padding:5px 0;list-style:none;margin:0}.post-settings-menu-item{display:block;width:100%;padding:8px 15px;background:none;border:none;color:var(--app-text-primary);font-family:var(--font-family-sans-serif);text-align:left;font-size:.85em;cursor:pointer;box-sizing:border-box;transition:background-color .2s,color .2s;white-space:nowrap}.post-settings-menu-item:hover:not(:disabled){background-color:var(--bg-element-tertiary);color:var(--app-accent-hover)}.light-theme .post-settings-menu-item:hover:not(:disabled){background-color:#e6e6e6}.post-settings-menu-item:disabled{color:var(--text-disabled);cursor:not-allowed}.post-settings-menu-item.post-settings-menu-item-danger{color:var(--app-danger-primary)}.post-settings-menu-item.post-settings-menu-item-danger:hover:not(:disabled){background-color:#df202026}.light-theme .post-settings-menu-item.post-settings-menu-item-danger:hover:not(:disabled){background-color:#d926261a}.collapsed-story-view{margin-top:6px;margin-bottom:6px;background-color:var(--app-element-bg-secondary);border:1px solid var(--app-border-standard);border-radius:6px;padding:8px;max-height:250px;overflow-y:auto;scrollbar-color:var(--app-accent-active) var(--app-element-bg-primary)}.collapsed-story-view::-webkit-scrollbar{width:5px}.collapsed-story-view::-webkit-scrollbar-track{background:var(--app-element-bg-primary)}.collapsed-story-view::-webkit-scrollbar-thumb{background-color:var(--app-accent-active);border-radius:2px}.collapsed-story-chapter{padding:8px 5px;border-bottom:1px dashed var(--app-border-standard);overflow:hidden}.collapsed-story-chapter:last-child{border-bottom:none}.collapsed-story-chapter.soft-deleted-chapter .chapter-title-text,.collapsed-story-chapter.soft-deleted-chapter .chapter-content-text,.collapsed-story-chapter.soft-deleted-chapter .chapter-author-text{color:var(--text-disabled);font-style:italic;opacity:.8}.collapsed-story-chapter.soft-deleted-chapter .chapter-author-text.clickable-author{cursor:default;text-decoration:none}.collapsed-story-chapter.soft-deleted-chapter .avatar-placeholder.clickable-author{cursor:default;opacity:.7}.chapter-header{display:flex;align-items:center;margin-bottom:5px;overflow:hidden}.avatar-placeholder.chapter-avatar{width:30px;height:30px;font-size:.9em;margin-right:8px}.chapter-meta{display:flex;flex-direction:column;line-height:1.25;min-width:0;overflow:hidden}.chapter-title-text{font-size:.95em;font-weight:600;color:var(--app-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-author-text{font-size:.75em;color:var(--app-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-author-text.clickable-author{color:var(--app-accent-text-on-dark-bg);cursor:pointer;text-decoration:none;transition:color .2s,text-shadow .2s}.light-theme .chapter-author-text.clickable-author{color:var(--app-accent-text-on-light-bg)}.chapter-author-text.clickable-author:hover{color:var(--app-accent-hover);text-shadow:0 0 3px var(--glow-text-color)}.light-theme .chapter-author-text.clickable-author:hover{text-shadow:none}.chapter-content-text{font-size:.85em;line-height:1.45;color:var(--app-text-primary);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;font-family:var(--font-family-serif)}.quoted-post-view{margin-top:0;margin-bottom:4px;padding:8px 10px;border:1px solid var(--app-border-standard);background-color:var(--app-element-bg-secondary);border-radius:6px;cursor:pointer;transition:border-color .2s,background-color .2s,box-shadow .2s;overflow:hidden}.quoted-post-view:hover:not(.quoted-post-view--soft-deleted):not(.quoted-post-view--deleted),.quoted-post-view:focus:not(.quoted-post-view--soft-deleted):not(.quoted-post-view--deleted){border-color:var(--app-accent-primary);background-color:var(--bg-element-tertiary);box-shadow:0 0 8px var(--glow-color-soft);outline:none}.light-theme .quoted-post-view:hover:not(.quoted-post-view--soft-deleted):not(.quoted-post-view--deleted),.light-theme .quoted-post-view:focus:not(.quoted-post-view--soft-deleted):not(.quoted-post-view--deleted){background-color:#e6e6e6;box-shadow:0 2px 5px var(--app-shadow-soft)}.quoted-post-view.quoted-post-view--soft-deleted,.quoted-post-view.quoted-post-view--deleted{border-style:dashed;border-color:var(--app-border-strong);opacity:.6;cursor:default}.quoted-post-view.quoted-post-view--soft-deleted .quoted-post-title,.quoted-post-view.quoted-post-view--soft-deleted .quoted-post-content-summary,.quoted-post-view.quoted-post-view--deleted .quoted-post-content-summary,.quoted-post-view.quoted-post-view--soft-deleted .quoted-post-username{color:var(--text-disabled);font-style:italic;opacity:.8}.quoted-post-view.quoted-post-view--soft-deleted .quoted-post-username.clickable-author{cursor:default;text-decoration:none}.quoted-post-view.quoted-post-view--soft-deleted .avatar-placeholder.clickable-author{cursor:default;opacity:.7}.quoted-post-header{display:flex;align-items:center;margin-bottom:5px;overflow:hidden}.avatar-placeholder.quoted-post-avatar{width:26px;height:26px;font-size:.75em;margin-right:8px}.quoted-post-meta{display:flex;align-items:baseline;gap:6px;font-size:.8em;min-width:0;overflow:hidden}.quoted-post-username{font-weight:600;color:var(--app-text-primary)}.quoted-post-username.clickable-author{color:var(--app-accent-text-on-dark-bg)}.light-theme .quoted-post-username.clickable-author{color:var(--app-accent-text-on-light-bg)}.quoted-post-username.clickable-author:hover{color:var(--app-accent-hover);text-shadow:0 0 3px var(--glow-text-color)}.light-theme .quoted-post-username.clickable-author:hover{text-shadow:none}.quoted-post-timestamp{font-size:.9em;color:var(--app-text-secondary);flex-shrink:0}.quoted-post-title{font-size:.95em;font-weight:600;color:var(--app-text-primary);margin:0 0 3px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quoted-post-genre{font-size:.6em;background-color:#14b8b833;color:var(--app-accent-text-on-dark-bg);padding:2px 6px;border-radius:8px;display:inline-block;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.light-theme .quoted-post-genre{background-color:#22c3c326;color:var(--app-accent-text-on-light-bg)}.quoted-post-view.quoted-post-view--soft-deleted .quoted-post-genre{display:none}.quoted-post-content-summary{font-size:.8em;line-height:1.4;color:var(--app-text-secondary);margin:0;max-height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--font-family-serif)}.thread-view-header{padding:12px 10px 0;background-color:var(--app-element-bg-primary);border-bottom:1px solid var(--app-border-standard);display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;box-sizing:border-box}.thread-view-header h2{font-size:1.3em;color:var(--app-text-headings);margin:8px auto 12px;align-self:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 70px);text-align:center}.btn-back-feed{font-size:.85em;padding:6px 10px;color:var(--link-text)}.btn-back-feed:hover{color:var(--link-text-hover);text-shadow:0 0 3px var(--glow-text-color)}.light-theme .btn-back-feed:hover{text-shadow:none}.thread-posts-list{display:flex;flex-direction:column;gap:0}.thread-posts-list>.loading-indicator{margin:15px auto}.thread-segment:not(:last-child) .feed-post{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.thread-segment:not(:first-child) .feed-post{border-top-left-radius:0;border-top-right-radius:0}.original-post-segment .feed-post{border-color:var(--app-accent-primary);border-width:1px;box-shadow:0 0 10px var(--glow-color-soft)}.light-theme .original-post-segment .feed-post{box-shadow:0 2px 8px var(--app-shadow-soft)}.original-post-segment .feed-post.soft-deleted{border-color:var(--app-border-strong);box-shadow:none}.thread-connector{position:absolute;left:calc((100% - min(100%,var(--content-max-width)))/2 + 33px);top:0;bottom:0;width:2px;background-color:var(--app-accent-primary);z-index:-1;box-shadow:0 0 5px var(--glow-color-soft)}.light-theme .thread-connector{box-shadow:none}.original-post-segment+.threaded-post-segment .thread-connector{top:-8px}.threaded-post-segment:last-child .thread-connector{bottom:calc(100% - 31px)}.original-post-segment .thread-connector{display:none}.threaded-post-segment.soft-deleted-segment-connector .thread-connector{background-color:var(--app-border-strong);box-shadow:none}.create-story-form-container{text-align:left;display:flex;flex-direction:column;font-family:var(--font-family-sans-serif);padding:15px}.create-story-form-container form{flex-grow:1;display:flex;flex-direction:column}.create-story-form-container .form-section{margin-bottom:22px}.create-story-form-container form .form-section:last-of-type{margin-bottom:auto}.create-story-form-container fieldset{border:none;padding:0;margin:0;min-width:0}.create-story-form-container fieldset:disabled{opacity:var(--disabled-opacity)}.create-story-form-container h3{text-align:center;font-size:1.3em;color:var(--app-text-headings);margin-bottom:25px;word-wrap:break-word;overflow-wrap:break-word}.create-story-form-container .form-section label{font-weight:500;margin-bottom:8px;color:var(--app-text-secondary);font-size:.85em;display:block}.create-story-form-container .form-section input,.create-story-form-container .form-section textarea,.create-story-form-container .form-section select{background-color:var(--input-bg);color:var(--input-text);border-color:var(--app-border-standard);font-family:var(--font-family-sans-serif)}.create-story-form-container .form-section textarea{min-height:90px;font-family:var(--font-family-serif)}.create-story-form-container .form-section select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23cccccc' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:35px}.light-theme .create-story-form-container .form-section select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")}.create-story-form-container .form-section input[type=text][disabled]{background-color:var(--app-element-bg-secondary);color:var(--text-disabled);cursor:not-allowed}.create-story-form-container .word-count{font-size:.75em;color:var(--app-text-secondary);text-align:right;margin-top:8px}.create-story-form-container .create-story-submit-button{width:100%;margin-top:24px}.profile-screen-container,.user-profile-screen-container,.edit-profile-screen-container{padding:0}.profile-header,.user-profile-header,.edit-profile-header{text-align:center;padding-top:15px;padding-bottom:8px;border-bottom:1px solid var(--app-border-standard);margin-bottom:15px;flex-shrink:0;overflow:hidden;position:relative}.edit-profile-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px}.edit-profile-header .btn-back-profile{margin:0;padding:4px 8px;font-size:.85em}.edit-profile-header h2{margin:0;flex-grow:1;text-align:center}.avatar-placeholder.profile-avatar{width:80px;height:80px;font-size:2.2em;margin:0 auto 12px;border:2px solid var(--app-accent-primary);box-shadow:0 0 15px var(--glow-color),0 0 5px var(--avatar-bg-glow-inset) inset}.light-theme .avatar-placeholder.profile-avatar{box-shadow:0 0 10px #22c3c34d,0 0 5px var(--avatar-bg-glow-inset) inset}.profile-username{font-size:1.5em;color:var(--app-text-headings);margin:0 0 6px;word-wrap:break-word;overflow-wrap:break-word}.profile-bio{font-size:.9em;color:var(--app-text-secondary);line-height:1.45;max-width:280px;margin:0 auto 15px;word-wrap:break-word;overflow-wrap:break-word}.profile-actions-group{display:flex;justify-content:center;gap:8px;margin-bottom:8px}.profile-edit-button,.user-profile-follow-button{width:auto;padding:8px 18px;font-size:.85em}.user-profile-follow-button{margin-top:8px}.profile-section{margin-bottom:20px}.profile-section-title{font-size:1.05em;color:var(--app-accent-text-on-dark-bg);margin-bottom:12px;text-align:left;border-bottom:1px solid var(--app-border-standard);padding-bottom:6px;text-shadow:0 0 3px var(--glow-color-soft)}.light-theme .profile-section-title{color:var(--app-accent-text-on-light-bg);text-shadow:none}.profile-story-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.profile-story-link{display:block;padding:10px 12px;background-color:var(--app-element-bg-primary);border-radius:6px;text-decoration:none;color:var(--app-text-primary);transition:background-color .2s,border-color .2s,box-shadow .2s;text-align:left;border:1px solid var(--app-border-standard);cursor:pointer;width:100%;overflow:hidden}.profile-story-link:hover{background-color:var(--app-element-bg-secondary);border-color:var(--app-accent-primary);box-shadow:0 0 8px var(--glow-color-soft)}.light-theme .profile-story-link:hover{box-shadow:0 2px 5px var(--app-shadow-soft)}.profile-story-title{font-weight:600;display:block;margin-bottom:4px;font-size:.95em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-story-meta{font-size:.75em;color:var(--app-text-secondary);display:flex;gap:8px;align-items:center;white-space:nowrap;overflow:hidden}.profile-story-genre{background-color:#14b8b833;color:var(--app-accent-text-on-dark-bg);font-family:var(--font-family-sans-serif);padding:2px 5px;border-radius:4px;font-size:.85em}.light-theme .profile-story-genre{background-color:#22c3c326;color:var(--app-accent-text-on-light-bg)}.profile-empty-state{font-size:.85em;color:var(--app-text-secondary);padding:8px 0;text-align:center}.edit-profile-avatar-preview{text-align:center;margin-bottom:20px}.edit-profile-avatar-preview .avatar-placeholder.profile-avatar{border-color:var(--app-accent-primary)}.edit-profile-actions{margin-top:15px;padding-bottom:8px}.user-profile-header-top{display:flex;justify-content:flex-start;margin-bottom:8px;width:100%}.btn-back-user-profile{margin:0;padding:4px 8px;font-size:.85em;color:var(--link-text)}.profile-settings-icon-container{position:absolute;top:10px;right:10px;z-index:10}.btn-icon.profile-settings-icon{background:none;border:none;color:var(--app-text-secondary);cursor:pointer;padding:5px;border-radius:50%}.btn-icon.profile-settings-icon:hover{color:var(--app-accent-primary);background-color:var(--app-element-bg-secondary);filter:drop-shadow(0 0 3px var(--glow-color-soft))}.light-theme .btn-icon.profile-settings-icon:hover{filter:none}.btn-icon.profile-settings-icon svg{width:22px;height:22px}.settings-screen-container{padding:0}.settings-screen-header{padding:15px 12px;background-color:var(--app-element-bg-primary);border-bottom:1px solid var(--app-border-standard);text-align:center;flex-shrink:0}.settings-screen-header h2{font-size:1.3em;color:var(--app-text-headings);margin:0}.settings-sections-scroll-wrapper{flex-grow:1;padding:15px 12px}.settings-section{margin-bottom:25px}.settings-section-title{font-size:1.05em;color:var(--app-accent-text-on-dark-bg);margin-bottom:12px;border-bottom:1px solid var(--app-border-standard);padding-bottom:6px;text-shadow:0 0 3px var(--glow-color-soft)}.light-theme .settings-section-title{color:var(--app-accent-text-on-light-bg);text-shadow:none}.settings-link-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.settings-info-link{font-size:.95em;padding:8px 0;text-align:left;width:100%;justify-content:flex-start;text-transform:none}.settings-action-item{margin-top:10px}.settings-logout-button{width:100%}.theme-toggle-container{display:flex;gap:10px;margin-top:10px}.theme-toggle-container .btn{flex-grow:1;text-transform:none}.theme-toggle-container .btn.active{background-color:var(--app-accent-primary);color:var(--app-accent-text-on-accent-bg);border-color:var(--app-accent-primary);box-shadow:0 0 8px var(--glow-color-soft)}.light-theme .theme-toggle-container .btn.active{box-shadow:0 2px 5px var(--app-shadow-soft)}.theme-toggle-container .btn:not(.active){background-color:var(--button-secondary-bg);color:var(--button-secondary-text);border-color:var(--button-secondary-border)}.theme-toggle-container .btn:not(.active):hover{background-color:var(--bg-element-tertiary);border-color:var(--app-accent-primary);color:var(--app-accent-primary)}.light-theme .theme-toggle-container .btn:not(.active):hover{background-color:#dadee7}.feed-filter-toggle{display:flex;background-color:var(--app-element-bg-primary);padding:6px;border-bottom:1px solid var(--app-border-standard);box-shadow:0 1px 5px var(--app-shadow-soft)}.feed-filter-toggle-sticky-wrapper{position:sticky;top:0;z-index:200;background-color:var(--app-background);transition:transform .3s,opacity .3s;width:100%;flex-shrink:0}.feed-filter-toggle-sticky-wrapper--hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.filter-button{flex:1;padding:8px 12px;font-size:.9em;font-weight:600;font-family:var(--font-family-sans-serif);color:var(--app-text-secondary);background-color:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-bottom-color .2s,text-shadow .2s;border-radius:0;margin:0;white-space:nowrap}.filter-button:hover:not(:disabled){color:var(--app-text-primary)}.filter-button.active{color:var(--app-accent-primary);border-bottom-color:var(--app-accent-primary);text-shadow:0 0 5px var(--glow-text-color)}.light-theme .filter-button.active{text-shadow:none}.filter-button:disabled{color:var(--text-disabled);cursor:not-allowed}.fab{position:fixed;bottom:calc(var(--bottom-nav-height) + 15px);right:15px;width:50px;height:50px;background-color:var(--app-accent-primary);color:var(--app-accent-text-on-accent-bg);border-radius:50%;border:none;box-shadow:0 3px 10px var(--app-shadow-medium),0 0 15px var(--glow-color);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:900;transition:transform .2s,background-color .2s,box-shadow .2s,bottom .3s,right .3s}.light-theme .fab{box-shadow:0 3px 10px var(--app-shadow-medium),0 0 10px #22c3c366}.fab:hover{background-color:var(--app-accent-hover);transform:scale(1.08);box-shadow:0 4px 15px var(--app-shadow-medium),0 0 20px var(--glow-color-intense)}.light-theme .fab:hover{box-shadow:0 4px 15px var(--app-shadow-medium),0 0 15px #26d9d980}.fab:active{transform:scale(.92)}.fab svg{stroke:var(--app-accent-text-on-accent-bg);width:24px;height:24px}@media (min-width: 768px){.fab{bottom:20px;right:20px;width:56px;height:56px}.fab svg{width:28px;height:28px}.app-content-area--with-top-bar{padding-top:0}}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;color:var(--app-text-secondary);font-size:.95em;margin-left:auto;margin-right:auto}.loading-indicator .spinner{border:3px solid var(--app-border-standard);border-top:3px solid var(--app-accent-primary);border-radius:50%;width:28px;height:28px;animation:spin 1s linear infinite;margin-bottom:8px;filter:drop-shadow(0 0 5px var(--glow-color-soft))}.light-theme .loading-indicator .spinner{filter:none}.loading-indicator.loading-small .spinner{width:18px;height:18px;border-width:2px}.loading-indicator.loading-large .spinner{width:45px;height:45px;border-width:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-message.global-success,.error-message.global-error{position:fixed;top:15px;left:50%;transform:translate(-50%);max-width:calc(min(var(--content-max-width),90vw) - 15px);width:auto;min-width:260px;z-index:10000;display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-radius:6px;word-wrap:break-word;overflow-wrap:break-word;box-shadow:0 3px 12px var(--app-shadow-medium);font-size:.9em;border:1px solid}.error-message.global-error{background-color:#7e1b1b80;color:var(--text-primary);border-color:var(--app-danger-primary);box-shadow:0 0 10px var(--danger-glow),0 3px 12px var(--app-shadow-medium)}.light-theme .error-message.global-error{background-color:#d9262626;color:var(--app-text-primary);box-shadow:0 3px 12px var(--app-shadow-medium)}.success-message.global-success{background-color:#136c6c80;color:var(--text-primary);border-color:var(--app-accent-primary);box-shadow:0 0 10px var(--glow-color-soft),0 3px 12px var(--app-shadow-medium)}.light-theme .success-message.global-success{background-color:#22c3c326;color:var(--app-text-primary);box-shadow:0 3px 12px var(--app-shadow-medium)}.success-message.global-success button,.error-message.global-error button{background:none;border:none;font-size:1.25em;font-weight:700;cursor:pointer;padding:0 4px 0 12px;line-height:1;opacity:.7;transition:opacity .2s;color:inherit}.success-message.global-success button:hover,.error-message.global-error button:hover{opacity:1}.error-message:not(.global-error){color:var(--app-danger-primary);background-color:#df202026;border:1px solid var(--app-danger-primary);padding:8px 12px;border-radius:6px;margin-bottom:12px;width:100%;box-sizing:border-box;font-size:.85em;text-align:left;word-wrap:break-word;overflow-wrap:break-word}.light-theme .error-message:not(.global-error){background-color:#d926261a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.home-screen-wrapper>.main-content+div>.btn-secondary,div[style*="padding: 10px"]>.btn-secondary{background-color:var(--button-secondary-bg);color:var(--button-secondary-text);border-color:var(--button-secondary-border)}.home-screen-wrapper>.main-content+div>.btn-secondary:hover:not(:disabled),div[style*="padding: 10px"]>.btn-secondary:hover:not(:disabled){background-color:var(--bg-element-tertiary);border-color:var(--app-accent-primary);color:var(--app-accent-primary)}.light-theme .home-screen-wrapper>.main-content+div>.btn-secondary:hover:not(:disabled),.light-theme div[style*="padding: 10px"]>.btn-secondary:hover:not(:disabled){background-color:#dadee7}.home-screen-wrapper>.main-content+div,div[style*="padding: 10px"][style*="border-top: 1px solid"]{padding:8px;border-top:1px solid var(--app-border-standard);background:var(--app-element-bg-primary);flex-shrink:0}.explore-container{display:flex;flex-direction:column;flex-grow:1;padding:0 10px 10px;gap:12px}.explore-search-form{display:flex;flex-direction:column;gap:10px;padding:10px;background-color:var(--app-element-bg-primary);border-bottom:1px solid var(--app-border-standard);box-shadow:0 1px 5px var(--app-shadow-soft);position:sticky;top:0;z-index:150;width:100%;box-sizing:border-box;flex-shrink:0}.search-input-group{display:flex;gap:6px}.explore-search-form input[type=search]{flex-grow:1;padding:8px 12px;font-size:.95em;border:1px solid var(--app-border-standard);border-radius:6px;font-family:var(--font-family-sans-serif);background-color:var(--input-bg);color:var(--input-text)}.explore-search-form input[type=search]:focus{border-color:var(--app-border-focus);box-shadow:0 0 0 2px var(--glow-color-soft),0 0 8px var(--glow-color);outline:none}.light-theme .explore-search-form input[type=search]:focus{box-shadow:0 0 0 2px #26d9d933,0 0 8px #26d9d966}.search-submit-button{width:auto!important;margin-top:0!important;padding:8px 12px!important;font-size:.85em!important}.explore-filters{display:flex;gap:6px;justify-content:center}.explore-filters .filter-button{flex:0 1 auto;padding:6px 10px;font-size:.85em}.genre-filter-select{margin-top:6px}.genre-filter-select select{width:100%;padding:8px 35px 8px 12px;border:1px solid var(--app-border-standard);border-radius:6px;box-sizing:border-box;font-size:.85em;font-family:var(--font-family-sans-serif);color:var(--input-text);background-color:var(--input-bg);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23cccccc' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.light-theme .genre-filter-select select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")}.genre-filter-select select:focus{outline:none;border-color:var(--app-border-focus);box-shadow:0 0 0 2px var(--glow-color-soft)}.light-theme .genre-filter-select select:focus{box-shadow:0 0 0 2px #26d9d933}.profile-screen-container,.user-profile-screen-container,.edit-profile-screen-container,.settings-screen-container{display:flex;flex-direction:column;height:100%}.edit-profile-screen-container>.edit-profile-form{flex-grow:1;padding:0 12px 15px}.profile-sections-scroll-wrapper,.settings-sections-scroll-wrapper{flex-grow:1;padding:0 12px 15px}.pagination-controls{display:flex;justify-content:center;align-items:center;padding:12px 0;margin-top:8px;gap:6px;flex-shrink:0}.pagination-button{width:auto!important;margin-top:0!important;padding:6px 10px!important;font-size:.85em!important;min-width:32px;text-transform:none!important;background-color:var(--button-secondary-bg);color:var(--button-secondary-text);border:1px solid var(--button-secondary-border)}.pagination-button:hover:not(:disabled){background-color:var(--bg-element-tertiary);border-color:var(--app-accent-primary);color:var(--app-accent-primary);box-shadow:0 0 5px var(--glow-color-soft)}.light-theme .pagination-button:hover:not(:disabled){background-color:#dadee7;box-shadow:0 1px 3px var(--app-shadow-soft)}.pagination-button.active{background-color:var(--app-accent-primary)!important;color:var(--app-accent-text-on-accent-bg)!important;border-color:var(--app-accent-primary)!important;cursor:default;box-shadow:0 0 8px var(--glow-color)}.light-theme .pagination-button.active{box-shadow:0 2px 5px var(--app-shadow-soft)}.pagination-button:disabled:not(.active){opacity:.5;cursor:not-allowed;background-color:var(--app-element-bg-primary)!important;border-color:var(--app-border-standard)!important}.pagination-ellipsis{padding:0 4px;color:var(--app-text-secondary)}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0a0c10cc;display:flex;align-items:center;justify-content:center;z-index:10000;padding:15px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.light-theme .confirmation-modal-overlay{background-color:#3339}.confirmation-modal-content{background-color:var(--app-element-bg-primary);padding:20px 25px;border-radius:8px;border:1px solid var(--app-border-strong);box-shadow:0 0 25px var(--glow-color),0 0 15px var(--app-shadow-medium);width:100%;max-width:360px;text-align:center;box-sizing:border-box}.light-theme .confirmation-modal-content{box-shadow:0 5px 20px var(--app-shadow-medium)}.confirmation-modal-title{font-size:1.3em;color:var(--app-text-headings);margin-top:0;margin-bottom:10px;font-weight:600}.confirmation-modal-message{font-size:.9em;color:var(--app-text-primary);line-height:1.5;margin-bottom:18px;white-space:pre-wrap}.confirmation-modal-actions{display:flex;justify-content:center;gap:12px}.confirmation-modal-actions .btn{width:auto;min-width:80px;margin-top:0;padding:8px 15px;font-size:.9em}.legal-page-container{padding:0}.legal-page-header{padding:12px 10px 8px;background-color:var(--app-element-bg-primary);border-bottom:1px solid var(--app-border-standard);display:flex;align-items:center;flex-shrink:0;box-sizing:border-box;max-width:var(--content-max-width);margin-left:auto;margin-right:auto;width:100%}.legal-page-header .btn-back{font-size:.85em;padding:6px 10px;color:var(--link-text);margin-right:10px}.legal-page-header .btn-back:hover{color:var(--link-text-hover);text-shadow:0 0 3px var(--glow-text-color)}.light-theme .legal-page-header .btn-back:hover{text-shadow:none}.legal-page-header h2{font-size:1.3em;color:var(--app-text-headings);margin:0;flex-grow:1;text-align:center}.static-page-content{padding:15px 12px;line-height:1.65;color:var(--app-text-primary)}.static-page-content h3{font-size:1.15em;color:var(--app-text-headings);margin-top:20px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--app-border-standard)}.static-page-content p{margin-bottom:12px;font-family:var(--font-family-serif)}.static-page-content ul,.static-page-content ol{margin-bottom:12px;padding-left:20px;font-family:var(--font-family-serif)}.static-page-content li{margin-bottom:6px}.static-page-content a{color:var(--link-text);text-decoration:none}.static-page-content a:hover{text-decoration:underline;color:var(--link-text-hover);text-shadow:0 0 3px var(--glow-text-color)}.light-theme .static-page-content a:hover{text-shadow:none}.post-content-text,.chapter-content-text,.quoted-post-content-summary{font-family:var(--font-family-serif)}::placeholder{color:var(--input-placeholder-text);opacity:1}:-ms-input-placeholder{color:var(--input-placeholder-text)}::-ms-input-placeholder{color:var(--input-placeholder-text)}