:root{--bg-body: #0c0c0f;--bg-surface: #1c1c1e;--bg-surface-highlight: #2c2c2e;--text-primary: #f2f2f2;--text-secondary: #a1a1aa;--accent-color: #6366f1;--nav-height: 60px;--color-life: #10b981;--color-humor: #f59e0b;--color-heart: #ef4444;--color-fantasy: #8b5cf6;--color-motivation: #3b82f6;--color-quick: #06b6d4}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-body);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding-top:70px;padding-bottom:80px;-webkit-font-smoothing:antialiased;min-height:100vh}main{flex:1}main.container{padding-left:1rem;padding-right:1rem;max-width:100%}@media (min-width: 576px){main.container{padding-left:1.5rem;padding-right:1.5rem}}.navbar-custom{background-color:#0c0c0fd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);height:60px}.navbar-brand{font-weight:700;font-size:1.25rem;letter-spacing:-.5px;color:var(--text-primary)!important;text-decoration:none}.btn-login{background-color:var(--bg-surface-highlight);color:var(--text-primary);border:none;border-radius:20px;padding:5px 16px;font-size:.875rem;font-weight:500;transition:all .2s;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.1);-webkit-user-select:none;user-select:none}.btn-login:hover{background-color:var(--accent-color);color:#fff}.btn-language{background:none;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:6px 12px;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;align-items:center}.btn-language:hover{background-color:var(--bg-surface-highlight);border-color:var(--accent-color);color:var(--text-primary)}.btn-language:focus{box-shadow:0 0 0 2px #6366f133}.story-card{background-color:transparent;border:none;transition:transform .2s;cursor:pointer}.story-card:active{transform:scale(.98)}.card-img-wrapper{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;background-color:var(--bg-surface);box-shadow:0 4px 6px #0000004d;margin-bottom:8px}.card-img-top{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s}.card-title{font-size:.95rem;font-weight:600;line-height:1.3;margin-bottom:2px;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{font-size:.75rem;color:var(--text-secondary)}.bottom-nav{background-color:#1c1c1ef2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.05);height:65px;z-index:1040}.nav-item-link{color:var(--text-secondary);text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.7rem;gap:4px;transition:color .2s;background:none;border:none;width:100%}.nav-item-link i{font-size:1.3rem}.nav-item-link.active,.nav-item-link:hover{color:var(--text-primary)}.nav-item-link.active i{color:var(--accent-color)}.custom-dropup .dropdown-menu{background-color:var(--bg-surface);border:1px solid rgba(255,255,255,.1);border-radius:16px;margin-bottom:10px!important;box-shadow:0 -4px 20px #00000080}.custom-dropup .dropdown-item{color:var(--text-primary);padding:10px 20px;font-size:.9rem}.custom-dropup .dropdown-item:hover,.custom-dropup .dropdown-item:focus{background-color:var(--bg-surface-highlight);color:#fff}.custom-dropup .dropdown-divider{border-top-color:#ffffff1a}.text-uppercase.text-secondary{color:var(--text-secondary)!important}.btn-discover-more{background-color:var(--accent-color);color:#fff;border:none;padding:16px 48px;border-radius:50px;font-size:1.1rem;font-weight:600;transition:all .3s;cursor:pointer;text-decoration:none;display:inline-block}.btn-discover-more:hover{background-color:#4f46e5;transform:translateY(-2px);box-shadow:0 6px 20px #6366f166;color:#fff}.btn-discover-more:active{transform:translateY(0)}@media (max-width: 768px){.btn-discover-more{padding:14px 40px;font-size:1rem}}.breadcrumb-custom{margin-bottom:1rem;margin-top:.5rem;font-size:.85rem;background-color:transparent;padding:0}.breadcrumb-item a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.breadcrumb-item a:hover{color:var(--accent-color)}.breadcrumb-item.active{color:var(--text-primary)}.breadcrumb-item+.breadcrumb-item:before{color:var(--text-secondary);content:"/";padding:0 .5rem}.search-container{position:relative;margin-bottom:24px;z-index:1}.search-input{background-color:var(--bg-surface);border:1px solid rgba(255,255,255,.05);color:var(--text-primary);border-radius:12px;padding:12px 12px 12px 45px;width:100%;transition:all .3s;font-size:.9rem;box-sizing:border-box}.search-input::placeholder{color:var(--text-secondary);opacity:.7}.search-input:focus{background-color:var(--bg-surface-highlight);border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #6366f133}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-secondary);z-index:2;pointer-events:none}.category-section{margin-bottom:30px}.category-section:last-child{margin-bottom:0}.category-header{display:flex;align-items:center;margin-bottom:12px;font-size:1.1rem;font-weight:600;line-height:1.4}.category-icon{margin-right:10px;font-size:1.2rem;flex-shrink:0}.chip-container{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.chip{display:inline-block;background-color:var(--bg-surface);color:var(--text-secondary);padding:8px 16px;border-radius:50px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s ease;border:1px solid rgba(255,255,255,.05);white-space:nowrap;cursor:pointer;min-height:36px;box-sizing:border-box}@media (max-width: 576px){.chip{font-size:.8rem;padding:6px 14px;min-height:32px}.chip-container{gap:8px}}.chip:hover,.chip:active{background-color:var(--bg-surface-highlight);color:var(--text-primary);transform:translateY(-1px);border-color:#ffffff1a}.chip:focus{outline:none;box-shadow:0 0 0 2px #6366f14d}.chip.featured{background-color:#ffffff1a;color:var(--text-primary);border-color:#fff3}.alert{border-radius:12px;padding:1rem}.alert-info{background-color:var(--bg-surface)!important;border-color:#ffffff1a!important;color:var(--text-primary)!important}.story-detail-card{max-width:800px;margin:0 auto;padding-bottom:2rem}.story-detail-image img{box-shadow:0 4px 12px #0000004d}.story-detail-content h1{line-height:1.3}.story-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.btn-read-story{background-color:var(--accent-color);color:#fff;border:none;padding:12px 32px;border-radius:50px;font-size:1rem;font-weight:600;transition:all .3s;cursor:pointer}.btn-read-story:hover{background-color:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.btn-read-story:active{transform:translateY(0)}.story-reader-content{background-color:var(--bg-body);color:var(--text-primary);border:none}.story-reader-header{background-color:var(--bg-surface);border-bottom:1px solid rgba(255,255,255,.1);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.story-reader-header .modal-title{color:var(--text-primary);font-weight:600;font-size:1rem;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-reader-controls-compact{display:flex;align-items:center;gap:.5rem}.btn-control-compact{background-color:var(--bg-surface-highlight);color:var(--text-primary);border:1px solid rgba(255,255,255,.1);padding:4px 8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;font-size:.9rem;cursor:pointer}.btn-control-compact:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.btn-control-compact:focus{box-shadow:0 0 0 2px #6366f14d}.btn-control-compact i{font-size:.95rem}.story-reader-controls-compact .dropdown-menu{background-color:var(--bg-surface);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.25rem;min-width:120px;box-shadow:0 4px 12px #0000004d}.story-reader-controls-compact .dropdown-item{color:var(--text-primary);padding:.5rem .75rem;font-size:.9rem;border-radius:6px;display:flex;align-items:center;gap:.5rem}.story-reader-controls-compact .dropdown-item:hover{background-color:var(--bg-surface-highlight);color:var(--text-primary)}.story-reader-controls-compact .dropdown-item.active{background-color:var(--accent-color);color:#fff}.story-reader-controls-compact .dropdown-item i{font-size:.9rem}.story-reader-body{padding:2rem;max-height:calc(100vh - 140px);overflow-y:auto;-webkit-overflow-scrolling:touch}.story-reader-body .story-content{max-width:700px;margin:0 auto;line-height:1.9;font-size:1.1rem;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;transition:font-size .3s ease}.story-reader-body .story-content p{margin-bottom:1.5rem}.story-reader-footer{background-color:var(--bg-surface);border-top:1px solid rgba(255,255,255,.1);padding:1rem 1.5rem;display:flex;justify-content:center;align-items:center}.story-progress-container{width:100%}.story-progress-bar{width:100%;height:4px;background-color:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.story-progress-fill{height:100%;background-color:var(--accent-color);border-radius:2px;transition:width .3s ease;width:0%}.story-reader-body{position:relative;touch-action:pan-y;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media (max-width: 768px){.story-reader-header{padding:.6rem .75rem}.story-reader-header .modal-title{font-size:.9rem}.btn-control-compact{min-width:28px;height:28px;padding:3px 6px;font-size:.85rem}.story-reader-controls-compact{gap:.4rem}.story-reader-body{padding:1.5rem 1rem}.story-reader-body .story-content{font-size:1rem;line-height:1.8}.story-reader-footer{padding:.6rem .75rem}.story-progress-bar{height:3px}}.navbar-custom.svelte-lmi21v.svelte-lmi21v{background-color:#0c0c0fd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);height:60px}.language-dropdown.svelte-lmi21v.svelte-lmi21v{position:relative}.btn-language.svelte-lmi21v.svelte-lmi21v{padding:6px 10px;min-width:40px;display:flex;align-items:center;justify-content:center}.language-flag.svelte-lmi21v.svelte-lmi21v{font-size:1.5rem;line-height:1;display:inline-block}.language-dropdown-menu.svelte-lmi21v.svelte-lmi21v{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--bg-surface);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:4px;min-width:60px;box-shadow:0 8px 24px #0006;z-index:1000;animation:svelte-lmi21v-fadeIn .2s ease-out}@keyframes svelte-lmi21v-fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-option.svelte-lmi21v.svelte-lmi21v{display:flex;align-items:center;justify-content:center;width:100%;padding:6px;border:none;background:transparent;color:var(--text-primary);border-radius:8px;cursor:pointer;transition:all .2s ease}.language-option.svelte-lmi21v.svelte-lmi21v:hover{background-color:#ffffff0d;transform:scale(1.1)}.language-option.active.svelte-lmi21v.svelte-lmi21v{background-color:#6366f126}.language-option.svelte-lmi21v .language-flag.svelte-lmi21v{font-size:1.5rem;line-height:1}.modal-backdrop.svelte-vwflg5.svelte-vwflg5{background-color:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.submit-story-modal-dialog.svelte-vwflg5.svelte-vwflg5{max-height:90vh;overflow-y:auto;overflow-x:hidden}.submit-story-modal.svelte-vwflg5.svelte-vwflg5{background-color:var(--bg-surface);border:1px solid rgba(255,255,255,.1);border-radius:16px;color:var(--text-primary);margin:1rem}.submit-story-modal.svelte-vwflg5 .modal-header.svelte-vwflg5{border-bottom:1px solid rgba(255,255,255,.1);padding:1.25rem;position:sticky;top:0;background-color:var(--bg-surface);z-index:10;border-radius:16px 16px 0 0}.submit-story-modal.svelte-vwflg5 .modal-title.svelte-vwflg5{color:var(--text-primary);font-weight:600;font-size:1.25rem}.submit-story-modal-body.svelte-vwflg5.svelte-vwflg5{padding:1.25rem 1.25rem 1.5rem}.submit-story-modal-footer.svelte-vwflg5.svelte-vwflg5{border-top:1px solid rgba(255,255,255,.1);padding:1.25rem;background-color:var(--bg-surface);position:sticky;bottom:0;z-index:10;box-shadow:0 -4px 20px #0000004d;border-radius:0 0 16px 16px}.submit-story-modal.svelte-vwflg5 .form-label.svelte-vwflg5{color:var(--text-primary);font-weight:500;margin-bottom:.5rem}.submit-story-modal.svelte-vwflg5 .form-control.svelte-vwflg5{background-color:var(--bg-surface-highlight);border:1px solid rgba(255,255,255,.1);color:var(--text-primary);border-radius:8px;padding:.75rem}.submit-story-modal.svelte-vwflg5 .form-control.svelte-vwflg5:focus{background-color:var(--bg-surface-highlight);border-color:var(--accent-color);color:var(--text-primary);box-shadow:0 0 0 .2rem #6366f140}.submit-story-modal.svelte-vwflg5 .form-control.svelte-vwflg5::placeholder{color:var(--text-secondary);opacity:.6}.submit-story-modal.svelte-vwflg5 .form-control.svelte-vwflg5:disabled{opacity:.6;cursor:not-allowed}.submit-story-modal.svelte-vwflg5 textarea.form-control.svelte-vwflg5{resize:vertical;min-height:200px}.submit-story-modal.svelte-vwflg5 .btn-primary.svelte-vwflg5{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff;font-weight:500;padding:.5rem 1.5rem;border-radius:8px}.submit-story-modal.svelte-vwflg5 .btn-primary.svelte-vwflg5:hover:not(:disabled){background-color:#4f46e5;border-color:#4f46e5}.submit-story-modal.svelte-vwflg5 .btn-primary.svelte-vwflg5:disabled{opacity:.6;cursor:not-allowed}.submit-story-modal.svelte-vwflg5 .btn-secondary.svelte-vwflg5{background-color:var(--bg-surface-highlight);border-color:#ffffff1a;color:var(--text-primary);padding:.5rem 1.5rem;border-radius:8px}.submit-story-modal.svelte-vwflg5 .btn-secondary.svelte-vwflg5:hover:not(:disabled){background-color:var(--bg-surface);border-color:#fff3}.submit-story-modal.svelte-vwflg5 .alert-danger.svelte-vwflg5{background-color:#ef44441a;border-color:#ef44444d;color:#fca5a5;border-radius:8px;padding:.75rem 1rem}.submit-story-modal.svelte-vwflg5 select.form-control.svelte-vwflg5{cursor:pointer}.submit-story-modal.svelte-vwflg5 select.form-control.svelte-vwflg5:disabled{cursor:not-allowed}.tags-selection.svelte-vwflg5.svelte-vwflg5{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag-chip.svelte-vwflg5.svelte-vwflg5{background-color:var(--bg-surface-highlight);border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.tag-chip.svelte-vwflg5.svelte-vwflg5:hover:not(:disabled){background-color:var(--bg-surface);border-color:#fff3;transform:translateY(-1px)}.tag-chip.active.svelte-vwflg5.svelte-vwflg5{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.tag-chip.svelte-vwflg5.svelte-vwflg5:disabled{opacity:.6;cursor:not-allowed}.bottom-nav.svelte-1ma7kju{background-color:#1c1c1ef2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.05);height:65px;z-index:1040}main.container.svelte-1yvic2a{padding-left:1rem;padding-right:1rem;max-width:100%}@media (min-width: 576px){main.container.svelte-1yvic2a{padding-left:1.5rem;padding-right:1.5rem}}