@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";:root,[data-theme=light]{--bg-primary: #FFFFFF;--bg-secondary: #F5F5FA;--bg-card: #FFFFFF;--bg-card-hover: #F0F0F8;--text-primary: #2D2D3A;--text-secondary: #6B6B80;--text-muted: #9E9EB5;--accent: #6C63FF;--accent-soft: rgba(108, 99, 255, .1);--accent-glow: rgba(108, 99, 255, .25);--border: #E8E8F0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--discussion-bg: #F0EDFF;--discussion-border: #D8D3FF;--positive: #4CAF50;--negative: #EF5350;--chip-bg: #F0F0F8;--chip-active-bg: var(--accent);--chip-active-text: #FFFFFF;--tab-inactive: #B0B0C0;--continue-overlay: rgba(0, 0, 0, .55)}[data-theme=sepia]{--bg-primary: #F5EDDC;--bg-secondary: #EDE3D0;--bg-card: #F0E6D2;--bg-card-hover: #E8DCC8;--text-primary: #5B4636;--text-secondary: #8B7355;--text-muted: #A89478;--accent: #C49A6C;--accent-soft: rgba(196, 154, 108, .15);--accent-glow: rgba(196, 154, 108, .3);--border: #D8CCBA;--shadow-sm: 0 2px 8px rgba(91, 70, 54, .06);--shadow-md: 0 4px 16px rgba(91, 70, 54, .1);--shadow-lg: 0 8px 32px rgba(91, 70, 54, .14);--discussion-bg: #EDE0C8;--discussion-border: #D8C8A8;--positive: #7A9E57;--negative: #C0694A;--chip-bg: #EDE3D0;--chip-active-bg: var(--accent);--chip-active-text: #FFFFFF;--tab-inactive: #A89478;--continue-overlay: rgba(60, 40, 20, .6)}[data-theme=dark]{--bg-primary: #1A1A2E;--bg-secondary: #1F1F38;--bg-card: #242442;--bg-card-hover: #2C2C50;--text-primary: #E0E0F0;--text-secondary: #A0A0C0;--text-muted: #6B6B90;--accent: #BB86FC;--accent-soft: rgba(187, 134, 252, .12);--accent-glow: rgba(187, 134, 252, .3);--border: #2E2E50;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--discussion-bg: #2A2A4A;--discussion-border: #3A3A5A;--positive: #66BB6A;--negative: #EF5350;--chip-bg: #2A2A4A;--chip-active-bg: var(--accent);--chip-active-text: #1A1A2E;--tab-inactive: #5A5A80;--continue-overlay: rgba(0, 0, 0, .7)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100dvh;transition:background-color .2s ease,color .2s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit;border:none;background:none;font-size:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}.app-shell{max-width:480px;margin:0 auto;min-height:100dvh;position:relative;padding-bottom:72px}.header{position:sticky;top:0;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-logo{font-size:1.25rem;font-weight:800;color:var(--accent);letter-spacing:-.5px}.header-logo span{color:var(--text-primary);font-weight:600}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:var(--bg-secondary);transition:all .2s ease;color:var(--text-secondary)}.icon-btn:hover{background:var(--bg-card-hover);transform:scale(1.05)}.icon-btn:active{transform:scale(.95)}.continue-card{margin:12px 16px;border-radius:16px;overflow:hidden;position:relative;background:var(--bg-card);box-shadow:var(--shadow-md);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.continue-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.continue-card:active{transform:scale(.98)}.continue-card-inner{padding:14px;display:flex;align-items:center;gap:12px;position:relative;z-index:1;background:var(--continue-overlay);border-radius:16px}.continue-emoji{font-size:2.2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:16px;flex-shrink:0}.continue-info{flex:1;min-width:0}.continue-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffffb3;margin-bottom:4px}.continue-title{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-progress-bar{width:100%;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.continue-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .5s ease}.continue-percent{font-size:.75rem;color:#fff9;margin-top:4px}.continue-play{width:48px;height:48px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0;box-shadow:0 4px 16px var(--accent-glow)}.section{padding:16px 16px 4px}.section-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.moral-question{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:12px;padding:16px 16px 0}.moral-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px;margin-bottom:12px}.moral-card{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;padding:10px 6px;text-align:center;cursor:pointer;transition:all .2s ease}.moral-card:hover{border-color:var(--accent);background:var(--accent-soft)}.moral-card.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-glow);transform:translateY(-2px)}.moral-card-emoji{font-size:1.6rem;margin-bottom:4px}.moral-card-label{font-size:.78rem;font-weight:600;color:var(--text-secondary);line-height:1.3}.moral-card.active .moral-card-label{color:var(--accent)}.filter-row{display:flex;align-items:center;gap:6px;padding:0 16px;margin-bottom:8px;flex-wrap:wrap}.filter-label{font-size:.82rem;font-weight:700;color:var(--text-secondary);margin-right:4px;white-space:nowrap}.chip{padding:5px 11px;border-radius:16px;font-size:.78rem;font-weight:600;background:var(--chip-bg);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;border:1.5px solid transparent}.chip:hover{border-color:var(--accent)}.chip.active{background:var(--chip-active-bg);color:var(--chip-active-text);border-color:var(--chip-active-bg)}.tags-filter-row{display:flex;align-items:center;gap:6px;padding:0 16px;margin-bottom:8px}.tags-scroll-container{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding-bottom:4px;flex:1;-ms-overflow-style:none;scrollbar-width:none}.tags-scroll-container::-webkit-scrollbar{display:none}.age-filter-row{margin-bottom:12px}.age-buttons-container{display:flex;flex:1;gap:8px}.age-chip{flex:1;text-align:center;padding:8px 0;font-size:.85rem}.surprise-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 32px);margin:12px 16px 6px;padding:12px;border-radius:16px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#ff6bef));color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 20px var(--accent-glow)}.surprise-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--accent-glow)}.surprise-btn:active{transform:scale(.97)}.surprise-btn.spinning .surprise-dice{animation:spin .5s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.surprise-dice{font-size:1.3rem;display:inline-block}.story-carousel{display:flex;gap:10px;overflow-x:auto;padding:4px 16px 8px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.story-carousel::-webkit-scrollbar{display:none}.story-card{flex:0 0 120px;scroll-snap-align:start;background:var(--bg-card);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease;border:1.5px solid var(--border)}.story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent)}.story-card-cover{width:100%;height:80px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:2.5rem}.story-card-body{padding:8px 10px}.story-card-title{font-size:.8rem;font-weight:700;color:var(--text-primary);margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-card-meta{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--text-muted);font-weight:600}.story-card-meta span{display:flex;align-items:center;gap:2px}.small-carousel .story-card{flex:0 0 100px}.small-cover{height:60px;font-size:2rem}.small-body{padding:6px 8px}.small-body .story-card-title{font-size:.75rem;margin-bottom:0;-webkit-line-clamp:3;line-clamp:3}.story-list{display:flex;flex-direction:column;gap:8px;padding:4px 16px}.story-list-item{display:flex;gap:12px;padding:10px 12px;background:var(--bg-card);border-radius:16px;border:1.5px solid var(--border);cursor:pointer;transition:all .2s ease}.story-list-item:hover{border-color:var(--accent);transform:translate(4px)}.story-list-cover{width:48px;height:48px;border-radius:10px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}.story-list-info{flex:1;min-width:0}.story-list-title{font-size:.92rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.story-list-meta{font-size:.78rem;color:var(--text-muted);font-weight:600;margin-bottom:4px}.story-list-tags{font-size:.72rem;color:var(--text-secondary)}.see-all-btn{display:block;text-align:center;padding:10px;margin:12px 16px;border-radius:12px;font-size:.9rem;font-weight:700;color:var(--accent);background:var(--accent-soft);transition:all .2s ease}.see-all-btn:hover{background:var(--accent-glow)}.merch-banner{margin:12px 16px;padding:14px;border-radius:14px;background:linear-gradient(135deg,var(--accent-soft),var(--discussion-bg));display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;border:1px solid var(--border)}.merch-banner:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.merch-emoji{font-size:2.5rem;flex-shrink:0}.merch-text{flex:1}.merch-title{font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.merch-cta{font-size:.8rem;font-weight:600;color:var(--accent)}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--bg-primary);border-top:1px solid var(--border);display:flex;z-index:100;padding:8px 0 max(8px,env(safe-area-inset-bottom));transition:background-color .2s ease}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0;color:var(--tab-inactive);font-size:.68rem;font-weight:600;transition:all .2s ease;cursor:pointer;text-decoration:none}.tab-item.active{color:var(--accent)}.tab-icon{font-size:1.4rem;transition:transform .2s ease}.tab-item.active .tab-icon{transform:scale(1.1)}.tab-label{font-size:.68rem}.reader-shell{max-width:480px;margin:0 auto;min-height:100dvh;position:relative}.reader-header{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;transition:opacity .3s ease,transform .3s ease,background-color .2s ease}.reader-header.hidden{opacity:0;transform:translate(-50%) translateY(-100%);pointer-events:none}.reader-back-btn{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:var(--accent);cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .2s ease}.reader-back-btn:hover{background:var(--accent-soft)}.reader-title{font-size:1.1rem;font-weight:800;text-align:center;flex:1}.story-image-container{margin-bottom:32px;display:flex;flex-direction:column;align-items:center}.story-image-mock{width:100%;aspect-ratio:16 / 9;background:var(--accent-glow);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:5rem;box-shadow:0 8px 32px #0000001a;margin-bottom:12px;border:2px solid var(--accent-soft)}.story-image-actions{display:flex;gap:16px;background:var(--bg-card);padding:8px 24px;border-radius:30px;border:1px solid var(--border);box-shadow:0 4px 12px #0000000d}.image-action-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:4px;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.image-action-btn:active{transform:scale(.85)}.image-action-btn.liked{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.5)}50%{transform:scale(1.2)}to{transform:scale(1)}}.reader-content{padding:72px 20px 60px;font-size:1.125rem;line-height:1.8;color:var(--text-primary)}.reader-content p{margin-bottom:1.4em;text-align:left}.reader-content p:last-child{margin-bottom:0}.reader-progress{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:100;display:flex;align-items:center;background:var(--bg-primary);padding:6px 20px 8px;gap:8px;border-top:1px solid var(--border);transition:background-color .2s ease}.reader-progress-bar{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.reader-progress-fill{height:100%;background:var(--accent);border-radius:2px;width:0%;transition:width .3s ease}.reader-progress-text{font-size:.72rem;font-weight:700;color:var(--text-muted);white-space:nowrap;min-width:32px;text-align:right}.end-block{padding:40px 0 80px;text-align:center}.end-marker{font-size:1rem;color:var(--text-muted);margin-bottom:32px;font-weight:600;letter-spacing:2px}.rating-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:20px;padding:24px;margin-bottom:16px}.rating-question{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:20px}.rating-buttons{display:flex;gap:20px;justify-content:center}.rate-btn{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;background:var(--bg-secondary);border:2px solid var(--border);cursor:pointer;transition:all .2s ease}.rate-btn:hover{transform:scale(1.1)}.rate-btn:active{transform:scale(.9)}.rate-btn.selected-up{background:#4caf5026;border-color:var(--positive);animation:pulse .4s ease}.rate-btn.selected-down{background:#ef535026;border-color:var(--negative);animation:pulse .4s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.discussion-card{background:var(--discussion-bg);border:1.5px solid var(--discussion-border);border-radius:20px;overflow:hidden;margin-bottom:20px}.discussion-toggle{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;width:100%;cursor:pointer;font-size:.95rem;font-weight:700;color:var(--text-primary);transition:background .2s ease}.discussion-toggle:hover{background:#00000008}.discussion-arrow{transition:transform .3s ease;font-size:.8rem}.discussion-arrow.open{transform:rotate(180deg)}.discussion-body{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.discussion-body.open{max-height:400px;padding:0 20px 20px}.discussion-question{display:flex;gap:10px;margin-bottom:14px;font-size:.92rem;line-height:1.5;color:var(--text-secondary);text-align:left}.discussion-question:last-child{margin-bottom:0}.discussion-question-emoji{flex-shrink:0;font-size:1.1rem}.next-story-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:16px;background:var(--accent);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px var(--accent-glow)}.next-story-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--accent-glow)}.next-story-btn:active{transform:scale(.97)}.discover-header{padding:16px 20px 0}.discover-header h1{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.5px}.search-bar{margin-bottom:20px}.search-bar input{width:100%;padding:14px 16px;font-family:inherit;font-size:.95rem;color:var(--text-primary);background:var(--bg-card);border:1.5px solid var(--border);border-radius:16px;outline:none;transition:all .2s ease;box-shadow:var(--shadow-sm)}.search-bar input::placeholder{color:var(--text-muted)}.search-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.category-chips{display:flex;gap:8px;overflow-x:auto;padding:0 20px 16px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.category-chips::-webkit-scrollbar{display:none}.tag-chip{flex-shrink:0;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:700;background:var(--chip-bg);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;scroll-snap-align:start}.tag-chip:hover{background:var(--bg-card-hover);color:var(--text-primary)}.tag-chip.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.discover-content{padding-bottom:20px}.log-header{padding:16px 20px 20px;text-align:center}.log-header h1{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.5px}.log-header .subtitle{font-size:.9rem;color:var(--text-secondary);font-weight:600}.log-tabs{display:flex;padding:0 20px;margin-bottom:20px;background:var(--bg-primary);position:sticky;top:60px;z-index:90}.tab-btn{flex:1;padding:12px 0;font-size:.9rem;font-weight:700;color:var(--text-muted);border-bottom:3px solid transparent;transition:all .2s ease}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.log-content{padding-bottom:20px}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.placeholder-emoji{font-size:4rem;margin-bottom:16px}.placeholder-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.placeholder-desc{font-size:.9rem;color:var(--text-secondary);max-width:280px}.profile-header{padding:30px 20px 24px;text-align:center}.avatar{width:80px;height:80px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:2.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;border:2px solid var(--accent)}.profile-header h1{font-size:1.5rem;font-weight:800;margin-bottom:4px}.settings-section{padding:0 20px 24px}.settings-section h2{font-size:1.1rem;font-weight:700;color:var(--text-secondary);margin-bottom:16px}.setting-item{background:var(--bg-card);border:1.5px solid var(--border);border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.setting-info h3{font-size:1rem;font-weight:700;margin-bottom:4px}.setting-info p{font-size:.8rem;color:var(--text-muted)}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent)}input:checked+.slider:before{transform:translate(22px)}.premium-section{padding:0 20px 24px}.premium-card{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#ff6bef));color:#fff;padding:24px;border-radius:20px;text-align:center;box-shadow:0 8px 32px var(--accent-glow)}.premium-card h2{font-size:1.25rem;font-weight:800;margin-bottom:12px}.premium-card p{font-size:.9rem;line-height:1.5;margin-bottom:20px;opacity:.9}.btn{display:inline-block;padding:12px 24px;border-radius:12px;font-weight:700;transition:all .2s ease;font-size:.95rem}.btn-primary{background:#fff;color:var(--accent);box-shadow:0 4px 12px #0000001a}.btn-primary:active{transform:scale(.96)}.footer-links{display:flex;justify-content:center;gap:16px;padding:20px;font-size:.8rem;font-weight:600;color:var(--text-muted)}.footer-links a:hover{text-decoration:underline}.footer-links .text-btn{background:none;border:none;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;padding:0;cursor:pointer;text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal-content{background:var(--bg-card);width:100%;max-width:500px;max-height:80vh;border-radius:24px;padding:24px;position:relative;overflow-y:auto;box-shadow:0 10px 40px #0003;border:1px solid var(--border)}.modal-close{position:absolute;top:16px;right:16px;background:var(--bg-primary);border:none;width:32px;height:32px;border-radius:50%;font-size:1.5rem;line-height:1;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-content h2{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin-bottom:20px;padding-right:24px}.legal-text{font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.legal-text p{margin-bottom:16px}.legal-text strong{color:var(--text-primary);font-size:.95rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease}@media(max-width:375px){.moral-card{padding:12px 6px}.moral-card-emoji{font-size:1.6rem}.story-card{flex:0 0 120px}}