.auth-buttons{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:300px;width:100%}.auth-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.auth-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.auth-icon{font-size:1.2rem;font-weight:700}.google-btn{background:#fff;border:1px solid #ddd;color:#333}.google-btn:hover{background:#f8f9fa;border-color:#ccc}.facebook-btn{background:#1877f2;color:#fff}.facebook-btn:hover{background:#166fe5}.apple-btn{background:#000;color:#fff}.apple-btn:hover{background:#1c1c1e}.login-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.login-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;max-width:400px;width:90%}.login-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1.5rem 1.5rem .5rem}.login-modal-header h2{color:#333;font-size:1.5rem;margin:0}.modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem;transition:color .2s}.modal-close:hover{color:#333}.login-modal-body{padding:1.5rem;text-align:center}.login-modal-body p{color:#666;margin-bottom:1.5rem}.provider-badge{color:#667eea;display:block;font-size:.7rem;margin-top:.25rem}.youtube-player-container{animation:slideIn .5s ease;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 20px #00000026;margin-bottom:1.5rem;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.youtube-player-wrapper{background:#000;padding-top:56.25%;position:relative;width:100%}.youtube-player-wrapper iframe{border:none}.youtube-placeholder,.youtube-player-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.youtube-placeholder{align-items:center;cursor:pointer;display:flex;justify-content:center}.youtube-thumbnail{filter:brightness(.7);height:100%;object-fit:cover;transition:filter .3s ease;width:100%}.youtube-placeholder:hover .youtube-thumbnail{filter:brightness(.5)}.play-button{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 4px 15px #0000004d;color:#667eea;cursor:pointer;display:flex;font-size:40px;height:80px;justify-content:center;position:absolute;transition:transform .2s ease,background .2s ease;width:80px;z-index:10}.play-button:hover{background:#fff;transform:scale(1.1)}.youtube-close-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .2s ease;width:30px;z-index:20}.youtube-close-btn:hover{background:#000000e6}.youtube-caption{background:#0000001a;color:#fff;font-size:.85rem;padding:.75rem 1rem;text-align:center}.youtube-caption span{display:inline-block}@media (max-width:768px){.play-button{font-size:30px;height:60px;width:60px}.youtube-caption{font-size:.75rem;padding:.5rem}}@media (max-width:480px){.play-button{font-size:24px;height:50px;width:50px}}.story-viewer{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:900px;padding:2rem}.story-article h1{color:#333;font-size:2.5rem;margin-bottom:1rem}.story-meta{border-bottom:1px solid #eee;color:#666;display:flex;font-size:.9rem;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.story-actions{margin-bottom:2rem}.like-btn:hover{transform:scale(1.05)}.story-content{color:#444;font-size:1.1rem;margin-bottom:2rem}.story-paragraph{color:#2c2c2c;font-family:Georgia,Times New Roman,serif;font-size:1.1rem;line-height:1.9;margin:0 0 1.25em;text-align:justify;text-indent:1.5em}.story-paragraph.first-paragraph,.story-paragraph:first-child{text-indent:0}.story-paragraph.first-paragraph:first-letter,.story-paragraph:first-child:first-letter{color:#667eea;float:left;font-family:Georgia,serif;font-size:3.5em;font-weight:700;line-height:.9;margin:.1em .15em 0 0}.story-paragraph.section-break{color:#999;font-size:1.2rem;letter-spacing:.5em;margin:1.5em 0;text-align:center;text-indent:0}.story-paragraph.chapter-heading{font-feature-settings:"smcp";color:#333;font-size:1.4rem;font-variant:small-caps;font-weight:700;letter-spacing:.05em;margin:2em 0 1.5em;text-align:center;text-indent:0}.story-paragraph.dialogue{font-style:italic;margin-left:1.5em;text-indent:0}@media (max-width:768px){.story-paragraph{font-size:1.05rem;margin-bottom:1em;text-indent:1em}.story-paragraph:first-child:first-letter{font-size:2.5em}}.comments-section{border-top:2px solid #f0f0f0;margin-top:2rem;padding-top:2rem}.comment-form{background:#f9f9f9;border-radius:8px;margin-bottom:1rem;padding:1rem}.comment-name{width:200px}.comment-form textarea,.comment-name{border:1px solid #ddd;border-radius:4px;margin-bottom:.5rem;padding:.5rem}.comment-form textarea{width:100%}.comment-form button{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.comments-list{max-height:500px;overflow-y:auto}.comment{background:#f9f9f9;border-radius:8px;margin-bottom:1rem;padding:1rem}.comment-header{color:#666;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.comment p{color:#333;margin:0}.no-comments{color:#999;padding:2rem;text-align:center}.write-story{background:#fff;border-radius:12px;margin:0 auto;max-width:900px;padding:2rem}.write-form{margin-top:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:700;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem;width:100%}.form-group textarea{font-family:monospace}.editor-toolbar{margin-bottom:.5rem}.editor-toolbar button{background:#f0f0f0;border:1px solid #ddd;cursor:pointer;padding:.25rem .5rem}.preview-content{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;max-height:400px;overflow-y:auto;padding:1rem}.form-actions{margin-top:2rem}.publish-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700}.clear-btn,.publish-btn{border:none;border-radius:8px;cursor:pointer;padding:.75rem 1.5rem}.clear-btn{background:#f0f0f0}.genre-selector{margin-bottom:2rem}.genre-selector h2{color:#fff;margin-bottom:1rem}.genre-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.genre-card{background:#fff;border-radius:12px;cursor:pointer;padding:1rem;text-align:center;transition:transform .2s}.genre-card:hover{box-shadow:0 4px 12px #0003;transform:translateY(-4px)}.genre-icon{font-size:2.5rem;margin-bottom:.5rem}.genre-card h3{color:#333;margin-bottom:.5rem}.genre-card p{color:#666;font-size:.8rem;margin-bottom:.5rem}.story-count{background:#f0f0f0;border-radius:12px;color:#667eea;display:inline-block;font-size:.8rem;padding:.2rem .5rem}.story-sections{margin-top:2rem}.recent-section h2,.trending-section h2{color:#fff}.story-card{transition:all .3s}.story-card:hover{box-shadow:0 4px 16px #0003}.story-card h3{color:#333;font-size:1.1rem;margin-bottom:.5rem}.story-excerpt{font-size:.9rem;margin-bottom:.5rem}.story-card-meta{font-size:.8rem;gap:1rem;margin-top:.5rem}.story-genre{background:#667eea;color:#fff;margin-top:.5rem}.genre-header{color:#fff}.genre-header button{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem}.nav-buttons{display:flex;gap:.5rem}.nav-buttons button{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background .2s}.nav-buttons button:hover{background:#ffffff4d}.loading,.no-stories{color:#fff;font-size:1.2rem;padding:2rem;text-align:center}.loading-genres{background:#fff;border-radius:12px;color:#666;padding:2rem;text-align:center}.error-message{margin-bottom:1rem;padding:1rem}.hint{color:#999;font-size:.8rem;margin-top:.25rem}.form-group select{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem;width:100%}.auth-section{align-items:center;gap:1rem}.user-info{background:#fff3}.pet-name{color:#fff}.logout-btn{background:#fff3;padding:.25rem .5rem}.logout-btn:hover{background:#ffffff4d}.login-hint,.user-badge{font-size:.8rem;margin-left:.5rem}.user-badge{color:#667eea}.commenting-as{color:#666;font-size:.8rem}.comment-options,.commenting-as{margin-bottom:.5rem}.comment-options button{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.8rem;padding:.25rem .5rem}.form-group select:focus{border-color:#667eea;outline:none}.auth-section{display:flex;justify-content:flex-end;min-width:120px}.login-btn{border-radius:20px;padding:.5rem 1rem}.user-info{gap:.75rem}.pet-name{color:#667eea}.logout-btn{background:#ff4757;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:.8rem;padding:.25rem .75rem;transition:background .2s}.logout-btn:hover{background:#ff6b81}.story-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.like-btn{background:none;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .2s}.like-btn:hover:not(:disabled){transform:scale(1.05)}.like-btn.liked{background:#ff4757;border-color:#ff4757;color:#fff}.like-btn:disabled{cursor:not-allowed;opacity:.6}.login-hint{color:#999;font-size:.85rem}.login-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:.85rem;padding:0;text-decoration:underline}.login-link:hover{color:#764ba2}.user-badge{color:#4caf50;font-size:.85rem;font-style:italic}.error-message{background:#ffebee;border:1px solid #ef9a9a;border-radius:8px;color:#c62828;margin-bottom:15px;padding:10px}@media (max-width:768px){.header-content{flex-wrap:wrap;gap:.5rem}.nav-section{justify-content:center;order:3;width:100%}.auth-section{order:2}.logo-section{order:1}}.sidebar{align-self:flex-start;flex-shrink:0;position:-webkit-sticky;position:sticky;top:80px;width:280px}.ads-section{padding:1.5rem}.ads-section h3{font-size:1rem}.ad-card{background:linear-gradient(135deg,#667eea,#764ba2)}.ad-icon{font-size:2.5rem}.ad-card h4{font-size:1rem}.ad-button,.ad-card p{font-size:.8rem}.ad-title-link{background:none;border:none;color:inherit;cursor:pointer;display:inline-block;font:inherit;margin:0;padding:0;transition:opacity .2s}.ad-title-link:hover{opacity:.85}.ad-title-link h4{color:inherit;margin:0;text-decoration:underline;-webkit-text-decoration-color:#fff6;text-decoration-color:#fff6;text-underline-offset:3px}.ad-title-link:hover h4{-webkit-text-decoration-color:#ffffffe6;text-decoration-color:#ffffffe6}.info-section{padding:1.5rem}.info-section h3{font-size:1rem}.stat-item{margin-bottom:.75rem;padding:.5rem 0}.stat-item span{font-size:.9rem}.stat-item strong{font-size:1rem}.dropdown-arrow{transition:transform .2s}.user-info:hover .dropdown-arrow{transform:rotate(180deg)}.user-dropdown{min-width:200px}.login-btn{transition:transform .2s,box-shadow .2s}.login-btn:hover{box-shadow:0 4px 12px #667eea66}@media (max-width:1024px){.main-container{flex-direction:column}.sidebar{display:flex;flex-wrap:wrap;gap:1rem;position:static;width:100%}.ads-section,.info-section{flex:1 1;min-width:200px}}@media (max-width:768px){.sidebar{flex-direction:column}}.top-banner{align-items:center;animation:slideDown .5s ease;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:.75rem 2rem;position:relative}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.banner-content{align-items:center;display:flex;flex:1 1;gap:1rem;justify-content:center}.banner-icon{font-size:1.5rem}.banner-text{display:flex;flex-direction:column}.banner-text strong{font-size:1rem}.banner-text span{font-size:.8rem;opacity:.9}.banner-cta{background:#fff3;border-radius:20px;color:#fff;font-size:.85rem;padding:.25rem 1rem;text-decoration:none;transition:background .2s}.banner-cta:hover{background:#ffffff4d}.banner-close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;padding:0 .5rem}.header{background:#fff;box-shadow:0 2px 10px #0000001a;padding:.75rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px}.logo-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:1.5rem}.nav-section{display:flex;flex:1 1;gap:.5rem;justify-content:center}.nav-section button{background:#0000;border:none;border-radius:8px;color:#333;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.nav-section button:hover{background:#f0f0f0}.write-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.main-container{display:flex;gap:2rem;margin:2rem auto;max-width:1400px;padding:0 2rem}.left-sidebar{align-self:flex-start;flex-shrink:0;position:-webkit-sticky;position:sticky;top:80px;width:250px}.write-story-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;cursor:pointer;margin-bottom:1.5rem;padding:1.5rem;text-align:center;transition:transform .2s}.write-story-card:hover{transform:translateY(-4px)}.write-icon{font-size:2.5rem;margin-bottom:.5rem}.write-story-card h3{font-size:1.1rem;margin-bottom:.5rem}.write-story-card p{font-size:.8rem;margin-bottom:1rem;opacity:.9}.write-now-btn{background:#fff3;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:background .2s}.write-now-btn:hover{background:#ffffff4d}.genre-tree{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1rem}.genre-tree h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:1rem;margin-bottom:1rem;padding-bottom:.5rem}.genre-tree-list{display:flex;flex-direction:column;gap:.5rem}.genre-tree-item{align-items:center;border-radius:8px;color:#666;cursor:pointer;display:flex;gap:.75rem;padding:.5rem .75rem;transition:all .2s}.genre-tree-item:hover{background:#f5f5f5;transform:translateX(4px)}.genre-tree-item.active{background:linear-gradient(135deg,#667eea20,#764ba220);color:#667eea;font-weight:700}.tree-icon{filter:brightness(.95) contrast(1.2);font-size:1.1rem;text-shadow:0 0 1px #0000004d}.genre-count{color:#999;font-size:.7rem;margin-left:auto}.genre-cards-row{border-bottom:1px solid #eee;gap:1rem}.genre-card-horizontal:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.genre-card-icon{filter:brightness(.95) contrast(1.2);font-size:1.2rem;text-shadow:0 0 1px #0000004d}.genre-card-name{font-size:.9rem;font-weight:500}.right-sidebar{align-self:flex-start;flex-shrink:0;position:-webkit-sticky;position:sticky;top:80px;width:260px}.ads-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;padding:1rem}.ads-section h3{color:#333;font-size:.9rem}.ad-card,.ads-section h3{margin-bottom:1rem;text-align:center}.ad-card{border-radius:12px;color:#fff;cursor:pointer;padding:1rem;transition:transform .2s}.ad-card:hover{transform:translateY(-4px)}.ad-icon{font-size:2rem;margin-bottom:.5rem}.ad-card h4{font-size:.9rem;margin-bottom:.5rem}.ad-card p{font-size:.7rem;margin-bottom:.75rem;opacity:.9}.ad-button{background:#fff3;border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;padding:.25rem .75rem;text-decoration:none;transition:background .2s}.ad-button:hover{background:#ffffff4d}.info-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1rem}.info-section h3{color:#333;font-size:.9rem;margin-bottom:1rem}.stat-item{border-bottom:1px solid #f0f0f0;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.5rem;padding:.4rem 0}.stat-item span{color:#666}.stat-item strong{color:#667eea}.user-menu-container{position:relative}.user-info{align-items:center;background:#f5f5f5;border-radius:30px;cursor:pointer;display:flex;gap:.5rem;padding:.25rem .75rem;transition:background .2s}.user-info:hover{background:#e0e0e0}.avatar{object-fit:cover}.avatar,.avatar-placeholder{border-radius:50%;height:32px;width:32px}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-size:1.2rem;justify-content:center}.pet-name{color:#333;font-size:.9rem;font-weight:700}.dropdown-arrow{color:#999;font-size:.7rem}.user-dropdown{animation:fadeIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;margin-top:.5rem;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{background:#f9f9f9;padding:.75rem 1rem;text-align:center}.dropdown-header strong{color:#333;display:block;margin-bottom:.25rem}.dropdown-header small{color:#999;font-size:.7rem}.dropdown-divider{background:#eee;height:1px}.dropdown-item{background:none;border:none;color:#333;cursor:pointer;display:block;padding:.75rem 1rem;text-align:left;transition:background .2s;width:100%}.dropdown-item:hover{background:#f5f5f5;color:#ff4757}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1.2rem;transition:transform .2s;white-space:nowrap}.login-btn:hover{transform:translateY(-2px)}.story-sections{margin-top:1rem}.recent-section h2,.trending-section h2{color:#333;font-size:1.3rem;margin-bottom:1rem}.stories-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.story-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.story-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.story-card-content{padding:1rem}.story-card-content h3{color:#333;font-size:1rem;line-height:1.4;margin-bottom:.5rem}.story-excerpt{color:#666;font-size:.85rem;line-height:1.4;margin-bottom:.75rem}.story-card-meta{color:#999;display:flex;font-size:.7rem;gap:.75rem;margin-bottom:.5rem}.story-genre{background:#667eea20;border-radius:12px;color:#667eea;display:inline-block;font-size:.7rem;padding:.2rem .5rem}.genre-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}@media (max-width:1024px){.main-container{flex-direction:column}.left-sidebar,.right-sidebar{display:flex;flex-wrap:wrap;gap:1rem;position:static;width:100%}.ads-section,.genre-tree,.info-section,.write-story-card{flex:1 1;min-width:200px}.genre-cards-row{order:-1}}.author-dashboard{margin:0 auto;max-width:1000px}.author-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.author-back-btn{background:#f5f6ff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-weight:500;padding:.6rem 1rem;transition:background .2s}.author-back-btn:hover{background:#e0e3ff}.author-header h1{color:#333;font-size:1.8rem;margin:0}.author-profile-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000001a;margin-bottom:2rem;padding:2rem}.author-avatar-section{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.author-avatar{border:3px solid #667eea;border-radius:50%;height:80px;object-fit:cover;width:80px}.author-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #667eea20;border-radius:50%;display:flex;font-size:2.5rem;height:80px;justify-content:center;width:80px}.author-info h2{color:#333;font-size:1.5rem;margin:0 0 .25rem}.author-email{color:#999;font-size:.9rem;margin:0}.author-stats-row{display:flex;gap:2rem;justify-content:center}.author-stat{background:#f5f6ff;border-radius:12px;flex:1 1;padding:1rem 2rem;text-align:center}.author-stat-number{color:#667eea;display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.author-stat-label{color:#999;font-size:.85rem}.author-section{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000001a;padding:2rem}.author-section h2{color:#333;font-size:1.3rem;margin-bottom:1.5rem}.author-loading{color:#999;padding:2rem;text-align:center}.author-error-message{background:#ffebee;border-radius:8px;color:#c62828;margin-bottom:1rem;padding:1rem}.author-empty{padding:3rem 2rem;text-align:center}.author-empty-icon{font-size:3rem;margin-bottom:1rem}.author-empty h3{color:#333;margin-bottom:.5rem}.author-empty p{color:#999;font-size:.9rem}.author-stories-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.author-story-card{background:#fafbff;border:1px solid #eee;border-radius:12px;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.author-story-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-4px)}.author-story-card-content{padding:1.25rem}.author-story-card-content h3{color:#333;font-size:1rem;line-height:1.4;margin-bottom:.5rem}.author-story-excerpt{color:#666;font-size:.85rem;line-height:1.4;margin-bottom:.75rem}.author-story-meta{color:#999;display:flex;flex-wrap:wrap;font-size:.7rem;gap:.75rem;margin-bottom:.5rem}.author-story-genre{background:#667eea20;border-radius:12px;color:#667eea;display:inline-block;font-size:.7rem;padding:.2rem .5rem}.author-error{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:3rem;text-align:center}.author-error h2{color:#333;margin-bottom:1rem}.author-error p{color:#999;margin-bottom:1.5rem}.author-pen-name-section{margin-top:.5rem}.author-pen-name-current,.author-pen-name-display{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.author-pen-name-current{color:#666;font-size:.85rem}.author-pen-name-current-label{color:#999;font-size:.8rem}.author-pen-name-edit-btn,.author-pen-name-set-btn{background:none;border:1px dashed #667eea;border-radius:6px;color:#667eea;cursor:pointer;font-size:.8rem;padding:.25rem .75rem;transition:all .2s}.author-pen-name-edit-btn:hover,.author-pen-name-set-btn:hover{background:#667eea10;border-color:#4338ca}.author-pen-name-edit{display:flex;flex-direction:column;gap:.5rem}.author-pen-name-input{border:1px solid #ddd;border-radius:8px;font-size:.9rem;max-width:300px;outline:none;padding:.5rem .75rem;transition:border-color .2s;width:100%}.author-pen-name-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.author-pen-name-actions{display:flex;gap:.5rem}.author-pen-name-save-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem 1rem;transition:background .2s}.author-pen-name-save-btn:hover:not(:disabled){background:#5a6fd6}.author-pen-name-save-btn:disabled{cursor:not-allowed;opacity:.6}.author-pen-name-cancel-btn{background:#f0f0f0;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:.85rem;padding:.4rem 1rem;transition:background .2s}.author-pen-name-cancel-btn:hover{background:#e0e0e0}.author-pen-name-hint{color:#999;font-size:.78rem;line-height:1.4;margin:0}.author-pen-name-message{border-radius:6px;font-size:.85rem;margin-top:.25rem;padding:.4rem .75rem}.author-pen-name-message.success{background:#f0fdf4;color:#16a34a}.author-pen-name-message.error{background:#fef2f2;color:#dc2626}.browse-authors{margin:0 auto;max-width:1000px}.browse-authors-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.browse-authors-header h1{color:#333;flex:1 1;font-size:1.8rem;margin:0}.browse-authors-count{background:#667eea20;border-radius:20px;color:#667eea;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.browse-authors-error,.browse-authors-loading{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#999;padding:3rem;text-align:center}.browse-authors-error{background:#fef2f2;color:#dc2626}.browse-authors-empty{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:3rem;text-align:center}.browse-authors-empty-icon{font-size:3rem;margin-bottom:1rem}.browse-authors-empty h3{color:#333;margin-bottom:.5rem}.browse-authors-empty p{color:#999}.browse-authors-grid{display:flex;flex-direction:column;gap:.75rem}.browse-author-card{align-items:center;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 1px 3px #00000014;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .2s}.browse-author-card:hover{border-color:#667eea40;box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.browse-author-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;font-weight:700;height:48px;justify-content:center;width:48px}.browse-author-info{flex:1 1;min-width:0}.browse-author-info h3{color:#333;font-size:1.05rem;margin:0 0 .25rem}.browse-author-stats{color:#999;display:flex;font-size:.8rem;gap:1rem;margin-bottom:.15rem}.browse-author-latest{color:#bbb;font-size:.75rem}.browse-author-arrow{color:#ccc;flex-shrink:0;font-size:1.2rem;transition:transform .2s}.browse-author-card:hover .browse-author-arrow{color:#667eea;transform:translateX(4px)}@media (max-width:768px){.browse-authors-header h1{font-size:1.3rem}.browse-author-stats{flex-wrap:wrap;gap:.5rem}}.author-stories-page{margin:0 auto;max-width:1000px}.author-stories-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.author-stories-title-section{flex:1 1}.author-stories-title-section h1{color:#333;font-size:1.8rem;margin:0 0 .25rem}.author-stories-count{background:#667eea20;border-radius:20px;color:#667eea;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}@media (max-width:768px){.header-content{flex-wrap:wrap}.banner-content{flex-wrap:wrap;text-align:center}.top-banner{padding:.5rem}.author-stats-row{flex-direction:column;gap:.75rem}.author-avatar-section{flex-direction:column;text-align:center}.author-stories-grid{grid-template-columns:1fr}.author-header h1,.author-stories-title-section h1{font-size:1.3rem}}.app{background:#eef2ff;min-height:100vh}*{box-sizing:border-box}button,input,select,textarea{font:inherit}.content{flex:1 1;min-width:0}.story-list{width:100%}.stories-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.story-card{display:flex;flex-direction:column;height:100%}.story-card-meta{flex-wrap:wrap;gap:.5rem}.story-card-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-section,.genre-tree,.info-section,.story-viewer,.write-story,.write-story-card{width:100%}.story-viewer,.write-story{box-shadow:0 20px 60px #1f4b8a14}.back-btn,.banner-cta,.clear-btn,.comment-options button,.login-btn,.publish-btn,.write-now-btn{min-width:0}.back-btn{background:#f5f6ff;border:none;border-radius:999px;color:#333;margin-bottom:1rem;padding:.75rem 1rem}.story-meta{flex-wrap:wrap;gap:.75rem}.story-content{font-size:1rem;line-height:1.8}.comment-form textarea{min-height:160px}.form-actions{display:flex;flex-wrap:wrap;gap:1rem}.form-actions button{flex:1 1 180px}.genre-cards-row{overflow-x:auto;padding-bottom:.5rem}.genre-cards-row::-webkit-scrollbar{height:8px}.genre-cards-row::-webkit-scrollbar-thumb{background:#667eea66;border-radius:999px}.genre-card-horizontal{flex:1 0 auto;min-width:160px}.genre-tree-item{justify-content:space-between}@media (max-width:1024px){.main-container{flex-direction:column;margin:1.5rem auto;padding:0 1.25rem}.left-sidebar,.right-sidebar{align-items:stretch;display:flex;flex-wrap:wrap;gap:1rem;position:static;width:100%}.left-sidebar{align-self:stretch}.ads-section,.genre-tree,.info-section,.write-story-card{min-width:0}}@media (max-width:768px){.header{padding:.75rem 1rem}.header-content{align-items:stretch;flex-direction:column;gap:1rem}.nav-section{flex-wrap:wrap;justify-content:space-between;width:100%}.login-btn,.nav-section button,.write-btn{width:100%}.auth-section{justify-content:flex-start;width:100%}.top-banner{padding:1rem}.banner-content,.genre-cards-row{justify-content:flex-start}.story-sections{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.stories-grid{grid-template-columns:1fr}.story-card{border-radius:18px}.story-viewer,.write-story{padding:1.25rem}}@media (max-width:600px){.genre-tree-item{align-items:flex-start;flex-direction:column}.genre-tree-item .genre-count{margin-left:0}.story-actions,.story-meta{align-items:stretch;flex-direction:column}.form-actions button,.story-actions button{width:100%}.story-card-content h3{font-size:1.05rem}.banner-text strong,.story-excerpt{font-size:.95rem}.banner-text span{font-size:.8rem}.banner-cta,.login-btn,.write-now-btn{width:100%}.user-dropdown{box-shadow:none;position:static;width:100%}}.genre-cards-row{border-bottom:1px solid #fff3;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem;padding-bottom:1rem}.genre-card-horizontal{align-items:center;background:#fff;border-radius:30px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}@media (max-width:768px){.genre-cards-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.genre-card-horizontal{flex-shrink:0}}.footer{background:linear-gradient(135deg,#667eea,#764ba2);margin-top:3rem;padding:2rem 2rem 1.5rem}.footer-content{gap:1rem;margin:0 auto;max-width:1400px}.footer-brand,.footer-content{align-items:center;display:flex;flex-direction:column}.footer-brand{color:#fff;font-size:1.2rem;font-weight:700;gap:.25rem}.footer-powered{font-size:.75rem;font-weight:400;opacity:.8}.footer-powered a{color:#fff;text-decoration:underline}.footer-powered a:hover{opacity:.9}.footer-links{align-items:center;display:flex;gap:1rem}.footer-link{background:none;border:none;color:#fff;cursor:pointer;font-size:.9rem;opacity:.9;padding:.25rem .5rem;text-decoration:underline;transition:opacity .2s}.footer-link:hover{opacity:1}.footer-separator{color:#ffffff80;font-size:.9rem}.footer-copyright p{color:#ffffffb3;font-size:.75rem;margin:0}.legal-page{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:900px;padding:2rem}.legal-header{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1.5rem}.legal-back-btn{background:none;border:none;color:#667eea;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:500;margin-bottom:1rem;padding:0;transition:color .2s}.legal-back-btn:hover{color:#764ba2}.legal-header h1{color:#333;font-size:2rem;margin:.5rem 0}.legal-effective-date{color:#999;font-size:.85rem;margin:0}.legal-content{color:#444;line-height:1.8}.legal-section{margin-bottom:2rem}.legal-section h2{border-bottom:1px solid #eee;color:#333;font-size:1.3rem;margin:0 0 1rem;padding-bottom:.5rem}.legal-section h3{color:#555;font-size:1.05rem;margin:1rem 0 .5rem}.legal-section p{font-size:.95rem;margin:.5rem 0}.legal-section ul{margin:.5rem 0;padding-left:1.5rem}.legal-section li{font-size:.95rem;line-height:1.6;margin:.4rem 0}.legal-section a{color:#667eea;text-decoration:underline}.legal-section a:hover{color:#764ba2}@media (max-width:768px){.legal-page{border-radius:8px;padding:1.5rem}.legal-header h1{font-size:1.5rem}.footer{padding:1.5rem 1rem}.footer-links{flex-direction:column;gap:.5rem}.footer-separator{display:none}}html{scroll-behavior:smooth}*{scroll-margin-top:80px}.admin-dashboard{margin:0 auto;max-width:1000px}.admin-header{align-items:center;border-bottom:2px solid #e0e7ff;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.admin-header h1{color:#1e1b4b;flex:1 1;font-size:1.5rem;margin:0}.admin-user-badge{background:#eef2ff;border-radius:999px;font-size:.85rem}.admin-back-btn,.admin-user-badge{color:#4338ca;font-weight:500;padding:.5rem 1rem}.admin-back-btn{background:#f5f6ff;border:1px solid #e0e7ff;border-radius:999px;cursor:pointer;transition:all .2s;white-space:nowrap}.admin-back-btn:hover{background:#eef2ff;border-color:#c7d2fe}.admin-error{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:4rem 2rem;text-align:center}.admin-error h2{color:#dc2626;font-size:1.8rem;margin-bottom:1rem}.admin-error p{color:#6b7280;margin-bottom:2rem}.admin-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.admin-stat-card{align-items:center;background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1.25rem}.admin-stat-card.pending{border-left-color:#f59e0b}.admin-stat-card.prestage{border-left-color:#3b82f6}.admin-stat-card.processed{border-left-color:#22c55e}.admin-stat-icon{font-size:2rem}.admin-stat-info{display:flex;flex-direction:column}.admin-stat-number{color:#1e1b4b;font-size:1.5rem;font-weight:700}.admin-stat-label{color:#6b7280;font-size:.8rem}.admin-message{align-items:center;border-radius:8px;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.admin-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.admin-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.admin-message-close{background:none;border:none;cursor:pointer;font-size:1rem;margin-left:auto;opacity:.7;padding:.25rem}.admin-message-close:hover{opacity:1}.admin-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.admin-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.admin-section-header h2{color:#1e1b4b;font-size:1.2rem;margin:0}.admin-count{background:#eef2ff;border-radius:999px;color:#4338ca;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.admin-loading{color:#6b7280;font-size:1rem}.admin-empty,.admin-loading{padding:3rem;text-align:center}.admin-empty-icon{font-size:3rem;margin-bottom:1rem}.admin-empty h3{color:#333;margin-bottom:.5rem}.admin-empty p{color:#6b7280}.admin-story-list{display:flex;flex-direction:column;gap:1rem}.admin-story-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:box-shadow .2s}.admin-story-card:hover{box-shadow:0 2px 8px #00000014}.admin-story-main{padding:1rem 1.25rem}.admin-story-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.admin-story-title{color:#1e1b4b;flex:1 1;font-size:1rem;line-height:1.4;margin:0}.admin-story-badges{display:flex;flex-wrap:wrap;gap:.5rem}.admin-badge{border-radius:999px;display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .6rem;white-space:nowrap}.admin-badge.genre{background:#eef2ff;color:#4338ca}.admin-badge.confidence.high{background:#f0fdf4;color:#16a34a}.admin-badge.confidence.medium{background:#fefce8;color:#ca8a04}.admin-badge.confidence.low{background:#fef2f2;color:#dc2626}.admin-story-meta{color:#6b7280;display:flex;font-size:.78rem;gap:1rem;margin-bottom:.75rem}.admin-story-preview{background:#f9fafb;border-radius:8px;cursor:pointer;padding:.75rem}.admin-story-preview p{color:#4b5563;font-size:.85rem;line-height:1.6;margin:0}.admin-story-preview p.collapsed{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.admin-expand-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:.78rem;font-weight:500;padding:.25rem 0}.admin-expand-btn:hover{color:#4338ca}.admin-story-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;padding:.75rem 1.25rem}.admin-approve-btn{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:.6rem 1rem;transition:background .2s}.admin-approve-btn:hover:not(:disabled){background:#16a34a}.admin-approve-btn:disabled{cursor:not-allowed;opacity:.6}.admin-reject-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:.6rem 1rem;transition:background .2s}.admin-reject-btn:hover:not(:disabled){background:#dc2626}.admin-reject-btn:disabled{cursor:not-allowed;opacity:.6}.admin-filters{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.admin-filters label{color:#374151;font-weight:600;white-space:nowrap}.admin-batch-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.85rem;min-width:250px;padding:.5rem .75rem}.admin-batch-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.admin-refresh-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;margin-left:auto;padding:.5rem 1rem;transition:background .2s}.admin-refresh-btn:hover{background:#5a6fd6}.admin-bulk-actions{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem 1.25rem}.admin-bulk-count{color:#0369a1;font-size:.9rem;font-weight:600}.admin-bulk-buttons{display:flex;gap:.75rem}.admin-approve-all-btn{background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.6rem 1.25rem;transition:background .2s}.admin-approve-all-btn:hover:not(:disabled){background:#15803d}.admin-approve-all-btn:disabled{cursor:not-allowed;opacity:.6}.admin-reject-all-btn{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.6rem 1.25rem;transition:background .2s}.admin-reject-all-btn:hover:not(:disabled){background:#b91c1c}.admin-reject-all-btn:disabled{cursor:not-allowed;opacity:.6}.admin-confirm-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-confirm-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:2rem;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-confirm-modal h3{color:#dc2626;font-size:1.25rem;margin-bottom:1rem}.admin-confirm-modal p{color:#4b5563;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.admin-confirm-actions{display:flex;gap:.75rem;justify-content:flex-end}.admin-confirm-yes{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.6rem 1.25rem;transition:background .2s}.admin-confirm-yes:hover{background:#b91c1c}.admin-confirm-no{background:#e5e7eb;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:.85rem;font-weight:600;padding:.6rem 1.25rem;transition:background .2s}.admin-confirm-no:hover{background:#d1d5db}.admin-llm-feedback{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-size:.78rem;font-style:italic;padding:.2rem .5rem}.admin-badge.batch{background:#8b5cf6;color:#fff;font-size:.7rem}.admin-badge.review-status{background:#f59e0b;color:#fff;font-size:.7rem}.admin-badge.review-status.approved{background:#22c55e}.admin-badge.review-status.needs_admin{animation:pulse 2s infinite;background:#f59e0b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.admin-story-paragraph{color:#374151;font-size:.9rem;line-height:1.7;margin-bottom:.75rem}.admin-stat-card.approved{border-top:4px solid #22c55e}.admin-stat-card.batches{border-top:4px solid #8b5cf6}.story-page-nav{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem;padding:1rem 0}.story-page-nav.bottom{border-bottom:none;border-top:1px solid #e5e7eb;margin-bottom:0;margin-top:1rem}.page-nav-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background .2s}.page-nav-btn:hover:not(:disabled){background:#5a6fd6}.page-nav-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.page-indicator{color:#374151;font-size:.9rem;font-weight:600;min-width:120px;text-align:center}.story-page-jump{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem;padding:.5rem 0}.story-page-jump span{color:#6b7280;font-size:.85rem}.story-page-jump select{border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.85rem;padding:.35rem .5rem}.story-page-jump select:focus{border-color:#667eea;outline:none}.story-paragraph{color:#374151;font-size:1.05rem;line-height:1.8;margin-bottom:1rem}.page-loading{color:#6b7280;font-size:1rem;padding:3rem;text-align:center}.story-progress{background:#e5e7eb;border-radius:2px;height:4px;margin:1rem 0;overflow:hidden;position:relative}.story-progress-bar{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;height:100%;transition:width .3s ease}.story-progress-text{color:#9ca3af;font-size:.75rem;position:absolute;right:0;top:-1.2rem}@media (max-width:768px){.admin-stats{grid-template-columns:1fr}.admin-header{flex-wrap:wrap}.admin-header h1{order:-1;width:100%}.admin-story-actions{flex-direction:column}.admin-approve-btn,.admin-reject-btn{width:100%}}.paypal-support-banner{background:linear-gradient(135deg,#fff8f0,#fff0e0);border:2px solid #f093fb;border-radius:16px;box-shadow:0 4px 16px #f093fb26;margin-bottom:1.5rem;padding:1.25rem 1.5rem;text-align:center}.paypal-support-text{color:#5d4037;font-size:1rem;line-height:1.5;margin:0 0 1rem}.paypal-support-text strong{color:#333}.paypal-support-btn{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:30px;box-shadow:0 4px 12px #f5576c59;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.75rem;padding:.85rem 1.75rem;text-decoration:none;transition:all .25s ease}.paypal-support-btn:hover{background:linear-gradient(135deg,#f5576c,#f093fb);box-shadow:0 6px 20px #f5576c80;transform:translateY(-2px)}.paypal-support-btn:active{transform:translateY(0)}.paypal-btn-icon{font-size:1.5rem;line-height:1}.paypal-btn-text{font-size:1.05rem;font-weight:700;letter-spacing:.02em}.paypal-btn-subtext{background:#fff3;border-radius:12px;font-size:.75rem;font-weight:500;margin-left:.25rem;opacity:.9;padding:.15rem .5rem}@media (max-width:600px){.paypal-support-banner{padding:1rem}.paypal-support-btn{font-size:.9rem;gap:.5rem;padding:.7rem 1.25rem}.paypal-btn-icon{font-size:1.25rem}.paypal-btn-text{font-size:.95rem}.paypal-btn-subtext{font-size:.7rem}}.story-card-header-row{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.story-card-header-row h3{flex:1 1;margin-bottom:.5rem}.admin-delete-btn{background:none;border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:1rem;opacity:.6;padding:4px 8px;transition:all .2s}.admin-delete-btn:hover{background:#dc35451a;opacity:1;transform:scale(1.1)}.story-card-delete{position:relative;right:0;top:0}.story-delete-btn{border:1px solid #dc3545;border-radius:20px;color:#dc3545;font-size:.9rem;margin-left:10px;padding:.5rem 1rem}.story-delete-btn:hover{background:#dc3545;color:#fff}.story-delete-btn:disabled{cursor:not-allowed;opacity:.5}.competition-page{background:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;margin:0 auto;max-width:1000px;padding:2rem}.competition-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.competition-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f39c12,#e74c3c);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;margin:0}.competition-error,.competition-loading{color:#666;font-size:1.1rem;padding:3rem;text-align:center}.competition-error{color:#e74c3c}.competition-year-nav{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1rem}.competition-year-label{color:#555;font-weight:600}.competition-year-buttons{display:flex;gap:.5rem}.competition-year-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;font-size:.95rem;font-weight:600;padding:.4rem 1.2rem;transition:all .2s}.competition-year-btn:hover{border-color:#667eea;color:#667eea}.competition-year-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.competition-tabs{border-bottom:2px solid #f0f0f0;display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.competition-tab{background:#0000;border:none;border-radius:8px 8px 0 0;color:#777;cursor:pointer;font-size:1rem;font-weight:500;padding:.6rem 1.5rem;position:relative;transition:all .2s}.competition-tab:hover{background:#f8f9fa;color:#333}.competition-tab.active{background:#667eea1a;color:#667eea}.competition-tab.active:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px 2px 0 0;bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}.competition-description{background:#fef9e7;border-left:4px solid #f39c12;border-radius:0 8px 8px 0;color:#555;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;padding:1rem 1.2rem}.competition-empty{color:#666;padding:3rem 2rem;text-align:center}.competition-empty-icon{font-size:3rem;margin-bottom:1rem}.competition-empty h3{color:#444;font-size:1.3rem;margin:0 0 .5rem}.competition-empty p{font-size:.95rem;margin:0}.competition-leaderboard-table{border:1px solid #f0f0f0;border-radius:12px;overflow:hidden}.competition-table-header{background:linear-gradient(135deg,#667eea20,#764ba220);border-bottom:2px solid #667eea40;color:#555;font-size:.9rem;font-weight:700;text-transform:uppercase}.competition-table-header,.competition-table-row{align-items:center;display:flex;padding:.9rem 1.2rem}.competition-table-row{border-bottom:1px solid #f5f5f5;transition:all .2s}.competition-table-row:last-child{border-bottom:none}.competition-table-row:hover{background:#f8f9fa}.competition-table-row.top-three{background:linear-gradient(135deg,#fef9e7,#fdebd0)}.competition-table-row.top-three:hover{background:linear-gradient(135deg,#fef3cd,#fad7a0)}.competition-rank-col{flex-shrink:0;font-size:1.1rem;font-weight:700;width:60px}.competition-author-col{flex:1 1;min-width:0;padding:0 .5rem}.competition-author-col strong{color:#333;font-size:1rem}.competition-stats-col{color:#555;font-size:.95rem}.competition-score-col,.competition-stats-col{flex-shrink:0;text-align:center;width:80px}.score-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;padding:.3rem .8rem}.competition-winner-section{min-height:300px}.competition-no-winner{color:#666;padding:3rem 2rem;text-align:center}.competition-no-winner-icon{font-size:4rem;margin-bottom:1rem}.competition-no-winner h3{color:#444;font-size:1.3rem;margin:0 0 .5rem}.competition-winner-date{font-size:1rem;margin:1rem 0}.competition-winner-card{background:linear-gradient(135deg,#fef9e7,#fdebd0);border:2px solid #f39c12;border-radius:16px;margin:0 auto;max-width:500px;padding:2.5rem 2rem;position:relative;text-align:center}.competition-winner-crown{animation:bounce 1s infinite alternate;font-size:3rem;left:50%;position:absolute;top:-1.5rem;transform:translateX(-50%)}@keyframes bounce{0%{transform:translateX(-50%) translateY(0)}to{transform:translateX(-50%) translateY(-8px)}}.competition-winner-avatar{align-items:center;background:linear-gradient(135deg,#f39c12,#e74c3c);border:4px solid #f39c12;border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.competition-winner-name h2{color:#333;font-size:1.8rem;margin:0 0 1.5rem}.competition-winner-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.winner-stat{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:.8rem}.winner-stat-label{color:#888;display:block;font-size:.8rem;font-weight:600;margin-bottom:.3rem;text-transform:uppercase}.winner-stat-value{color:#333;display:block;font-size:1.4rem;font-weight:700}.competition-winner-message{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;color:#e74c3c;font-size:1.1rem;font-weight:700;padding:.75rem 1rem}.competition-btn{background:linear-gradient(135deg,#f39c12,#e74c3c)!important;color:#fff!important}.competition-btn:hover{opacity:.9;transform:translateY(-1px)}@media (max-width:768px){.competition-page{padding:1.2rem}.competition-header h1{font-size:1.3rem}.competition-year-nav{align-items:flex-start;flex-direction:column;gap:.5rem}.competition-tabs{overflow-x:auto}.competition-table-header,.competition-table-row{font-size:.85rem;padding:.7rem .8rem}.competition-rank-col{width:40px}.competition-stats-col{font-size:.8rem;width:50px}.competition-score-col{width:60px}.competition-winner-stats{grid-template-columns:repeat(2,1fr)}.competition-winner-card{padding:1.5rem 1rem}.competition-winner-name h2{font-size:1.3rem}}.competition-info-card{background:linear-gradient(135deg,#667eea10,#764ba210);border-left:4px solid #667eea;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.competition-info-card h2{color:#333;font-size:1.25rem;margin:0 0 .5rem}.competition-info-card p{color:#555;font-size:.95rem;line-height:1.5;margin:0 0 .75rem}.competition-info-stats{color:#667eea;display:flex;flex-wrap:wrap;font-size:.85rem;font-weight:500;gap:1rem}.competition-entry-author{color:#888;display:block;font-size:.8rem;font-weight:400;margin-top:.2rem}.competition-table-row.is-winner{background:linear-gradient(135deg,#fef9e7,#fff5d4);border-left:3px solid #f39c12}.winner-badge{background:linear-gradient(135deg,#f39c12,#e74c3c);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:700;padding:.3rem .8rem;white-space:nowrap}.competition-winner-story{color:#666;font-size:1rem;font-style:italic;margin:.5rem 0 0}.competition-winner-award{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;color:#555;font-size:.9rem;line-height:1.5;margin-top:1rem;padding:.75rem 1rem}.competition-all-winners{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-top:2rem;padding:1.5rem}.competition-all-winners h3{color:#333;font-size:1.1rem;margin:0 0 1rem}.competition-winner-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:1rem;padding:.75rem 1rem}.competition-winner-row:last-child{border-bottom:none}.competition-winner-rank{color:#f39c12;font-size:1.2rem;font-weight:700;min-width:40px}.competition-winner-info{flex:1 1;min-width:0}.competition-winner-info strong{color:#333;display:block;font-size:.95rem}.competition-winner-info small{color:#888;display:block;font-size:.8rem;font-style:italic}.competition-winner-votes{color:#667eea;font-size:.9rem;font-weight:600;white-space:nowrap}.logo-section h1{align-items:center;display:flex!important;gap:.6rem;margin:0;white-space:nowrap}.header-logo-icon{display:inline-block;height:40px;max-width:50px;transition:transform .2s ease;vertical-align:middle;width:auto}.logo-section h1:hover .header-logo-icon{transform:scale(1.05)}.header-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.genre-tree{overflow:hidden;position:relative}.genre-tree-watermark{align-items:center;bottom:0;display:flex;flex-direction:column;gap:1.5rem;justify-content:flex-start;left:0;overflow:hidden;padding:1rem 0;pointer-events:none;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;z-index:0}.genre-tree-watermark-img{display:block;flex-shrink:0;height:auto;max-width:160px;opacity:.07;width:70%}.genre-tree>.genre-tree-list,.genre-tree>h3{position:relative;z-index:1}@media (max-width:768px){.header-logo-icon{height:32px;max-width:40px}.header-logo-text{font-size:1.2rem}.genre-tree-watermark-img{max-width:120px;opacity:.06}.genre-tree-watermark{gap:1rem}}.appeal-page{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:900px;padding:2.5rem}.appeal-hero{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding:2rem 1rem 2.5rem;text-align:center}.appeal-icon{animation:gentle-bounce 2s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.appeal-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2.2rem;margin:0 0 .75rem}.appeal-subtitle{color:#666;font-size:1.1rem;font-style:italic;margin:0}.appeal-content{display:flex;flex-direction:column;gap:2rem}.appeal-section{background:#fafbff;border-left:4px solid #667eea;border-radius:12px;padding:1.5rem}.appeal-section h2{color:#333;font-size:1.4rem;margin:0 0 1rem}.appeal-section p{color:#555;font-size:1rem;line-height:1.7;margin:.75rem 0}.appeal-list{list-style:none;margin:1rem 0 0;padding:0}.appeal-list li{border-bottom:1px solid #e8eaf6;color:#555;font-size:1rem;line-height:1.6;padding:.6rem 0}.appeal-list li:last-child{border-bottom:none}.appeal-list li strong{color:#333}.appeal-impact{background:linear-gradient(135deg,#fff8f0,#fff0e0);border-left-color:#f093fb}.appeal-impact-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:1rem}.appeal-impact-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:1.25rem;text-align:center;transition:transform .2s}.appeal-impact-item:hover{transform:translateY(-4px)}.appeal-impact-emoji{font-size:2.5rem;margin-bottom:.5rem}.appeal-impact-item h3{color:#333;font-size:1rem;margin:0 0 .5rem}.appeal-impact-item p{color:#666;font-size:.85rem;margin:0}.appeal-cta-section{background:linear-gradient(135deg,#fff8f0,#fff0e0);border-left-color:#f093fb;padding:2rem;text-align:center}.appeal-cta-text{color:#555;font-size:1.05rem;line-height:1.7;margin:0 auto 1.5rem;max-width:600px}.appeal-paypal-container{align-items:center;display:flex;flex-direction:column;gap:.75rem}.appeal-paypal-btn{font-size:1.15rem;padding:1rem 2rem}.appeal-paypal-note{color:#888;font-size:.85rem;font-style:italic;margin:0}.appeal-thanks{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left-color:#22c55e;text-align:center}.appeal-thanks p{color:#555;font-size:1.05rem}.appeal-thanks strong{color:#16a34a}@media (max-width:768px){.appeal-page{padding:1.5rem}.appeal-hero{padding:1.5rem .5rem 2rem}.appeal-hero h1{font-size:1.6rem}.appeal-subtitle{font-size:1rem}.appeal-section{padding:1.25rem}.appeal-section h2{font-size:1.2rem}.appeal-impact-grid{grid-template-columns:repeat(2,1fr)}.appeal-cta-section{padding:1.5rem 1rem}.appeal-paypal-btn{font-size:1rem;padding:.85rem 1.5rem}}.admin-dropdown-container{display:inline-block;position:relative}.admin-dropdown-toggle{position:relative}.admin-dropdown-menu{animation:dropdownFadeIn .15s ease;background:#fff;border:1px solid #e0e7ff;border-radius:8px;box-shadow:0 4px 16px #0000001f;left:0;margin-top:4px;min-width:280px;overflow:hidden;position:absolute;top:100%;z-index:100}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.admin-dropdown-header{background:#f9fafb;color:#6b7280;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.admin-dropdown-divider{background:#e5e7eb;height:1px;margin:0}.admin-dropdown-item{background:none;border:none;color:#374151;cursor:pointer;display:block;font-size:.85rem;padding:.6rem 1rem;text-align:left;transition:background .15s ease;white-space:nowrap;width:100%}.admin-dropdown-item:hover:not(:disabled){background:#f3f4f6;color:#4338ca}.admin-dropdown-item:disabled{cursor:not-allowed;opacity:.5}.admin-dropdown-item:first-child{border-top:none}.story-list-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #667eea;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1rem}.story-count{color:#555;font-size:.95rem;margin:0}.story-count strong{color:#333;font-weight:600}.load-more-container{display:flex;justify-content:center;margin:2rem 0 1rem}.load-more-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.85rem 2rem;transition:all .3s ease}.load-more-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.load-more-btn:active{transform:translateY(0)}.pagination-container{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:2rem 0}.pagination-btn{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;min-width:40px;padding:.5rem .9rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f0f0f0;border-color:#667eea;color:#667eea}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;font-weight:600}.pagination-next,.pagination-prev{font-weight:500}.pagination-numbers{align-items:center;display:flex;gap:.25rem}.pagination-ellipsis{color:#999;font-weight:700;padding:0 .5rem}.end-of-list{color:#666;font-size:.95rem;margin:1rem 0;padding:1.5rem;text-align:center}.end-of-list p{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #b1dfbb;border-radius:20px;display:inline-block;margin:0;padding:.75rem 1.5rem}@media (max-width:600px){.pagination-container{gap:.25rem}.pagination-btn{font-size:.85rem;min-width:32px;padding:.4rem .6rem}.pagination-next,.pagination-prev{padding:.4rem .75rem}.load-more-btn{font-size:.95rem;padding:.75rem 1.5rem}}.donate-btn{align-items:center;background:linear-gradient(135deg,#ff5f6d,#ffc371)!important;border-radius:8px;box-shadow:0 2px 8px #ff5f6d40;color:#fff!important;display:inline-flex;font-weight:500;line-height:1.2;padding:.5rem 1rem;text-decoration:none;transition:transform .2s,opacity .2s,box-shadow .2s;white-space:nowrap}.donate-btn:hover{box-shadow:0 4px 14px #ff5f6d66;opacity:.95;transform:translateY(-1px)}.donate-btn:focus-visible{outline:2px solid #ff5f6d;outline-offset:2px}@media (max-width:768px){.donate-btn{font-size:.95rem;padding:.4rem .75rem}}
/*# sourceMappingURL=main.ebdaa3d7.css.map*/