.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:1.1em;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;vertical-align:middle;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;user-select:none;width:1em;height:1em;overflow:hidden;text-align:center}.story-cover .material-symbols-outlined{font-size:3.5rem;font-variation-settings:"FILL" 0,"wght" 200,"GRAD" 0,"opsz" 48;color:var(--purple)}body.day-mode .story-cover .material-symbols-outlined{color:var(--day-text-muted)}.logo-img{height:1.4rem;width:auto;display:inline-block;vertical-align:middle}.logo-img--white{display:none}.logo-img--dark,body.day-mode .logo-img--white{display:inline-block}body.day-mode .logo-img--dark{display:none}.theme-btn .material-symbols-outlined{font-size:1.2rem;line-height:1;display:block;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}.hero-logo{height:clamp(4.5rem,18vw,9rem);width:auto;margin:0 auto}.hero-logo.logo-img--white{display:none}.hero-logo.logo-img--dark,body.day-mode .hero-logo.logo-img--white{display:block}body.day-mode .hero-logo.logo-img--dark{display:none}.hero-stars .material-symbols-outlined{font-size:1.4rem;color:var(--purple);opacity:.7;font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 24}.hero-stars .material-symbols-outlined:nth-child(2){color:var(--gold);opacity:.9}:root{--bg: #FFFFFF;--bg-card: #F2F2F2;--bg-card-hover: #E8E8E8;--gold: #111111;--purple: #555555;--text: #111111;--text-muted:#666666;--border: rgba(0, 0, 0, .12);--day-bg: #0A0A0A;--day-bg-card: #1A1A1A;--day-text: #F5F5F5;--day-text-muted: #888888;--day-border: rgba(255, 255, 255, .12)}body.day-mode{--bg: #0A0A0A;--bg-card: #1A1A1A;--bg-card-hover: #252525;--gold: #F5F5F5;--purple: #AAAAAA;--text: #F5F5F5;--text-muted:#888888;--border: rgba(255, 255, 255, .12)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:Mali,cursive;font-size:1.05rem;line-height:1.8;min-height:100vh;transition:background-color .3s ease,color .3s ease}body.day-mode{background-color:var(--day-bg);color:var(--day-text)}a{color:var(--gold);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}h1,h2,h3{font-family:Mali,cursive;line-height:1.3}img{max-width:100%;display:block}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.navbar{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:.75rem 0;transition:background .3s}body.day-mode .navbar{background:#0a0a0aeb;border-bottom-color:var(--day-border)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{font-family:Mali,cursive;font-size:1.5rem;font-weight:700;color:var(--gold);display:flex;align-items:center;gap:.4rem;text-decoration:none}.logo span{font-size:1.1rem}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links a{color:var(--text-muted);font-size:.95rem;transition:color .2s}body.day-mode .nav-links a{color:var(--day-text-muted)}.nav-links a:hover{color:var(--text);opacity:1}.lang-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:.25rem .7rem;font-size:.82rem;font-family:Mali,cursive;color:var(--text);text-decoration:none;transition:all .2s;white-space:nowrap}.lang-btn:hover{background:var(--text);color:var(--bg);opacity:1}.nav-links a.nav-active{color:var(--bg);font-weight:600;background:var(--text);border-radius:20px;padding:.25rem .9rem;opacity:1}body.day-mode .nav-links a.nav-active{color:var(--day-bg);background:var(--day-text)}.theme-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:50%;width:2.4rem;height:2.4rem;padding:0;cursor:pointer;font-size:1rem;color:var(--text);transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}body.day-mode .theme-btn{background:var(--day-bg-card);border-color:var(--day-border);color:var(--day-text)}.theme-btn:hover{border-color:var(--gold)}.hero{text-align:center;padding:7rem 1.5rem 10rem;position:relative;overflow:hidden;background-image:url(/bg-light.webp);background-size:cover;background-position:center top}body.day-mode .hero{background-image:url(/bg-dark.webp)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,var(--bg) 100%);pointer-events:none}.hero-tagline{font-size:clamp(1.8rem,5vw,3rem);font-weight:700;color:var(--text);margin-top:1.2rem;letter-spacing:.02em}body.day-mode .hero-tagline{color:var(--day-text)}.hero-stars{font-size:1.4rem;letter-spacing:.5rem;margin-bottom:1rem;opacity:.7}.hero h1{font-size:clamp(2.2rem,6vw,3.5rem);color:var(--gold);margin-bottom:.6rem}.hero p:not(.hero-tagline){font-size:1.15rem;color:var(--text-muted);max-width:480px;margin:0 auto 2rem}body.day-mode .hero p:not(.hero-tagline){color:var(--day-text-muted)}.categories{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:3rem}.cat-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:.4rem 1rem;font-size:.88rem;color:var(--text-muted);cursor:pointer;transition:all .2s;text-decoration:none}body.day-mode .cat-chip{background:var(--day-bg-card);border-color:var(--day-border);color:var(--day-text-muted)}.cat-chip:hover,.cat-chip.active{background:var(--text);border-color:var(--text);color:var(--bg);opacity:1}body.day-mode .cat-chip:hover,body.day-mode .cat-chip.active{background:var(--day-text);border-color:var(--day-text);color:var(--day-bg)}.section-title{font-size:1.4rem;font-family:Mali,cursive;color:var(--text);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;overflow:visible;padding-top:.3rem;line-height:1.6}body.day-mode .section-title{color:var(--day-text)}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:1rem}.story-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;text-decoration:none;color:inherit;display:flex;flex-direction:column}body.day-mode .story-card{background:var(--day-bg-card);border-color:var(--day-border)}.story-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d;border-color:var(--gold);opacity:1}.new-badge{position:absolute;top:.6rem;left:.6rem;background:#e53935;color:#fff;font-size:.72rem;font-weight:700;padding:.15rem .55rem;border-radius:20px;letter-spacing:.03em;pointer-events:none}.story-cover{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative}body.day-mode .story-cover{background:#ede8df}.story-cover-img{width:100%;aspect-ratio:16/9;object-fit:cover}.story-body{padding:1.2rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.story-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.cat-badge{background:#00000014;color:#444;border-radius:10px;padding:.15rem .6rem;font-size:.78rem;font-weight:500}body.day-mode .cat-badge{background:#ffffff26;color:#fff}.read-time{font-size:.8rem;color:var(--text-muted)}body.day-mode .read-time{color:var(--day-text-muted)}.story-title{font-family:Mali,cursive;font-size:1.15rem;color:var(--text);line-height:1.4}body.day-mode .story-title{color:var(--day-text)}.story-excerpt{font-size:.88rem;color:var(--text-muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}body.day-mode .story-excerpt{color:var(--day-text-muted)}.story-age{font-size:.8rem;color:var(--text-muted);margin-top:auto}body.day-mode .story-age{color:var(--day-text-muted)}.reader-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin-bottom:2rem;border:1px solid var(--border)}body.day-mode .reader-cover{border-color:var(--day-border)}.reader-wrap{max-width:700px;margin:0 auto;padding:2rem 1.5rem 5rem}.reader-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}body.day-mode .reader-header{border-bottom-color:var(--day-border)}.back-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem;transition:color .2s}body.day-mode .back-link{color:var(--day-text-muted)}.back-link:hover{color:var(--gold);opacity:1}.reader-title{font-size:clamp(1.8rem,5vw,2.6rem);color:var(--gold);margin-bottom:1rem}.reader-meta{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.reader-meta-item{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--text-muted)}body.day-mode .reader-meta-item{color:var(--day-text-muted)}.reader-controls{display:flex;align-items:center;gap:.8rem;margin-bottom:2rem;padding:.8rem 1rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border);flex-wrap:wrap}body.day-mode .reader-controls{background:var(--day-bg-card);border-color:var(--day-border)}.controls-label{font-size:.85rem;color:var(--text-muted)}body.day-mode .controls-label{color:var(--day-text-muted)}.font-btn{background:transparent;border:1px solid var(--border);border-radius:8px;padding:.25rem .7rem;cursor:pointer;color:var(--text);font-family:Mali,cursive;transition:all .2s}body.day-mode .font-btn{border-color:var(--day-border);color:var(--day-text)}.font-btn:hover{border-color:var(--gold);color:var(--gold)}.story-content{font-size:var(--reader-size, 1.1rem);line-height:2;transition:font-size .2s}.story-content p{margin-bottom:1.4em}.story-content img{width:100%;max-width:100%;height:auto;border-radius:12px;margin:1.5rem 0;display:block;object-fit:cover;border:1px solid var(--border)}.story-content img+em{display:block;text-align:center;font-size:.82rem;color:var(--text-muted);margin-top:-1rem;margin-bottom:1.4em}.story-content hr{border:none;border-top:1px solid var(--border);margin:2rem 0}body.day-mode .story-content hr{border-top-color:var(--day-border)}.story-content strong{color:var(--gold);font-weight:600}body.day-mode .story-content strong{color:var(--day-text)}.story-credits{margin-top:2.5rem;padding:1.2rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:.6rem}.credit-item{display:flex;align-items:center;gap:.6rem;font-size:.88rem;color:var(--text-muted)}.credit-item .material-symbols-outlined{font-size:1.1rem;flex-shrink:0;color:var(--text-muted)}.recommended-section{margin-top:3rem}.credit-item strong{color:var(--text);font-weight:600;margin-right:.3rem}.more-btn-wrap{text-align:center;padding:.5rem 0 1rem}.more-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:.7rem 1.8rem;color:var(--text);font-family:Mali,cursive;font-size:1rem;text-decoration:none;transition:all .2s}.more-btn .material-symbols-outlined{font-size:1.1rem;line-height:1;translate:0 .05em}.more-btn:hover{background:var(--text);color:var(--bg);border-color:var(--text);opacity:1}body.day-mode .more-btn:hover{background:var(--day-text);color:var(--day-bg);border-color:var(--day-text)}.footer{text-align:center;padding:.8rem 1rem 1rem;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--border);margin-top:3rem}body.day-mode .footer{border-top-color:var(--day-border);color:var(--day-text-muted)}.footer-links{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:.4rem;font-size:.82rem}.footer-links a{color:var(--text-muted);transition:color .2s}.footer-links a:hover{color:var(--gold);opacity:1}body.day-mode .footer-links a{color:var(--day-text-muted)}.footer-copy{margin-top:0;margin-bottom:1.5rem;font-size:.78rem;color:var(--text-muted);opacity:.7}body.day-mode .footer-copy{color:var(--day-text-muted)}.footer-tagline{font-size:.85rem;color:var(--text)}body.day-mode .footer-tagline{color:var(--day-text)}@media(max-width:640px){.nav-links{display:none}.hero{padding:3rem 1rem 2rem}.stories-grid{grid-template-columns:1fr}}.category-intro{max-width:720px;margin:0 auto 2rem;padding:1.2rem 1.5rem;background:var(--card-bg);border-radius:12px;color:var(--text);font-size:1rem;line-height:1.8;text-align:center}.ad-story{display:block;margin:2rem auto;max-width:728px;min-height:90px}