*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;overflow-x:clip;background:#fffaf3;font-family:Outfit,system-ui,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}a,button{touch-action:manipulation;user-select:none;-webkit-user-select:none}@font-face{font-family:Outfit;src:url(../assets/fonts/Outfit-Medium.ttf) format("ttf");font-weight:500;font-style:normal;font-display:swap}body{background:linear-gradient(to bottom,#fffaf3,#fff1c2,#fdf3dc)}body{background:linear-gradient(to bottom,#fffaf3,#fdf3dc)}.app-layout{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-layout>footer{margin-top:auto}header{width:100%;position:sticky;top:0;z-index:1000;height:120px;padding:0 2rem;display:flex;align-items:center;background:#fffaf3b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 10px #00000014}.header-inner{display:flex;align-items:center;gap:2rem;width:100%;height:100%}.logo-title{display:flex;align-items:center;gap:0rem;text-decoration:none;margin-left:2rem;flex-shrink:0}.site-logo-icon{height:100px;width:auto;flex-shrink:0}.site-logo-text{height:130px;width:auto;flex-shrink:0;display:block}header nav{display:flex;align-items:center;gap:1rem}header nav a{font-size:1.2rem;color:#222;text-decoration:none}#main{width:100%;margin:0 auto;min-height:calc(100vh - 120px);display:flex;flex-direction:column}.story-grid-section{width:100%;display:flex;justify-content:center;padding:1.5rem 1rem 2.5rem}.story-grid{width:min(1400px,100% - 2rem);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}@keyframes gridFadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.story-grid{animation:none}}.story-card{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:1.5rem;overflow:hidden;box-shadow:0 4px 10px #0000001a;transition:transform .25s ease,box-shadow .25s ease}.story-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 8px 18px #00000026}.story-card:before{content:"";position:absolute;inset:0;background:#0000;transition:background .3s ease}.story-card:hover:before{background:#0000004d}.story-title{position:absolute;top:10%;left:50%;transform:translate(-50%);font-size:2.5rem;font-weight:800;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.6);text-align:center}footer{width:100%;padding:.6rem 1rem;display:flex;justify-content:center;align-items:center;font-size:.8rem;color:#6f6f6f;background:#fffaf380;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-top:1px solid rgba(0,0,0,.04)}.footer-text{margin:0;text-align:center}.separator{margin:0 .4rem;opacity:.6}footer a{text-decoration:none;color:#7a5c8e;transition:opacity .2s ease}footer a:hover{opacity:.7}.about-hero{text-align:center;padding:2rem 1rem}.about-hero h1{font-size:2.6rem;margin-bottom:.5rem;letter-spacing:.5px;color:#2f2f2f}.about-hero p{font-size:1.15rem;color:#6f6f6f;max-width:600px;margin:0 auto;font-style:italic;line-height:1.6}.about-section{max-width:800px;margin:0 auto;padding:2rem 1rem;text-align:center}.about-section+.about-section{padding-top:1.2rem}.about-section h2{margin-bottom:.6rem;font-size:1.4rem;font-weight:600;color:#3f3f3f}.about-section h2:after{content:"";display:block;width:40px;height:2px;margin:.5rem auto 0;background:#7a5c8e40;border-radius:2px}.about-section p{color:#555;line-height:1.7;font-size:1.05rem;max-width:650px;margin:0 auto}.about-closing{padding:3rem 1rem;font-style:italic;color:#7a5c8e;font-size:1.05rem}.about-section{animation:fadeSoft .8s ease}@keyframes fadeSoft{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.back-button{display:inline-block;margin-bottom:.8rem;font-size:.95rem;color:#7a5c8e;text-decoration:none;transition:opacity .2s ease}.back-button:hover{opacity:.6}@media(max-width:768px){.about-hero h1{font-size:2rem}.about-hero p{font-size:1rem}.about-section{padding:1.2rem 1rem}.about-section p{font-size:.95rem}}@media(max-width:1024px){header{height:95px;padding:0 1.5rem}.site-logo-icon{height:80px}.site-logo-text{height:120px}#main{min-height:calc(100vh - 95px)}}@media(max-width:768px){header{height:80px;padding:0 1rem}.logo-title{margin-left:0}.site-logo-icon{height:65px}.site-logo-text{height:95px;margin-left:-5px}header nav a{font-size:1rem}.story-grid{grid-template-columns:repeat(2,1fr);gap:1rem}#main{min-height:calc(100vh - 80px)}}@media(max-width:480px){header{height:70px}.logo-title{margin-left:0}.site-logo-icon{height:50px}.site-logo-text{height:70px;margin-left:-5px}header nav a{font-size:.9rem}#main{min-height:calc(100vh - 70px)}}.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:1rem;width:min(1400px,100%);margin:0 auto}.story-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:2rem;line-height:1.4;min-height:60vh;gap:1rem}.turtle-spinner{font-size:3rem;margin-top:1rem;display:inline-block;animation:gentleFloat 2s infinite ease-in-out}@keyframes gentleFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-5px) rotate(5deg)}}.story-card{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:1.5rem;overflow:hidden;box-shadow:0 4px 10px #0000001a;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .2s ease,box-shadow .2s ease}.story-image{width:100%;height:100%;object-fit:cover}.story-card:before{content:"";position:absolute;inset:0;background:#0000;transition:background .3s ease;border-radius:1.5rem;pointer-events:none}.story-title{position:absolute;bottom:-6%;left:50%;top:auto;transform:translate(-50%);width:90%;text-align:center;line-height:1.1;font-weight:800;font-size:clamp(1rem,1.8vw,2rem);background:#f7e7bd;border:1px solid rgba(67,40,120,.22);padding:.3rem .6rem;border-radius:30px;box-shadow:0 2px 6px #00000014;color:#4a2a7a;text-shadow:0 2px 4px rgba(0,0,0,.25),0 0 6px rgba(106,75,227,.25);pointer-events:none}@media(hover:hover)and (pointer:fine){.story-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #00000026}.story-card:hover:before{background:#0000004d}}@media(hover:none),(pointer:coarse){.story-card,.story-card a,.story-card img{-webkit-tap-highlight-color:transparent}.story-card{transition:none}.story-card:hover,.story-card:active{transform:none;box-shadow:0 4px 10px #0000001a}.story-card:hover:before,.story-card:active:before{background:transparent}}@media(max-width:1200px){.story-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.story-grid{grid-template-columns:repeat(2,1fr);padding:.5rem}.story-title{font-size:clamp(1.4rem,3vw,2.2rem);bottom:-4%}}@media(max-width:500px){.story-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding-left:.5rem;padding-right:.5rem;padding-top:0;padding-bottom:0}.story-placeholder{min-height:50vh;font-size:1.3rem}.story-title{font-size:1.1rem;bottom:-2%}}@media(max-width:900px)and (orientation:landscape){.story-grid{grid-template-columns:repeat(4,1fr)}.story-title{font-size:clamp(.9rem,2vw,1.4rem);bottom:3%}}.story-page{position:relative;width:100%;min-height:calc(100dvh - 120px);display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem 2.5rem}.story-view{position:relative;z-index:1;width:100%;max-width:1100px;padding:.5rem 1.5rem 1.5rem;background-color:#fff;border-radius:1.5rem;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;opacity:0;animation:fadeIn .25s ease forwards}.story-header{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-content:center;margin-bottom:.5rem;padding:.5rem 0}.story-header h2{position:relative;z-index:1;justify-self:center;margin:0;text-align:center;word-break:break-word;font-size:clamp(1.4rem,3.5vw,2.4rem);line-height:1.2;color:#e94e8a;font-weight:800;letter-spacing:.02em;text-shadow:0 1px 0 rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.12),0 0 12px rgba(233,78,138,.12);-webkit-font-smoothing:antialiased}.header-watermark{position:static;justify-self:end;align-self:center;width:clamp(50px,5vw,80px);pointer-events:none;opacity:.22;transform:rotate(-8deg)}.back-btn{position:static;justify-self:start;display:flex;align-items:center;left:0;z-index:2;transition:transform .2s ease}.back-btn:hover{transform:scale(1.1)}.back-arrow{width:clamp(45px,8vw,80px);filter:invert(60%)}.story-container{display:flex;gap:1.5rem;width:100%}.legend-box{background-color:#fff0e9;border-radius:1rem;padding:1rem;font-size:clamp(1rem,3vw,1.4rem);color:#444;box-shadow:inset 0 0 6px #00000014;display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:1rem}.legend-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.1rem}.legend-text{font-size:.75em;line-height:1}.emoji-container{position:relative;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease;-webkit-tap-highlight-color:transparent;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.5}.emoji-container img{width:1.15em;height:1.15em;display:block;object-fit:contain}@media(hover:none){.emoji-container:hover{transform:none}}.story-box{flex:2;background-color:#fff6cc;border-radius:1rem;padding:1.5rem 1.2rem 3rem;font-size:clamp(20px,4vw,24px);color:#2f2f2f;box-shadow:inset 0 0 6px #00000014;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;touch-action:pan-y;letter-spacing:normal}.story-text{width:100%;max-width:32ch;margin-left:auto;margin-right:auto;padding-left:.4rem;margin-top:1.4rem;text-align:left}.story-text p{margin:0;font-size:inherit;line-height:1.5;font-weight:500;letter-spacing:.08em;word-spacing:.08em;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.story-text p+p{margin-top:1.8rem}.story-text .inline-emoji{display:inline-flex;align-items:center;vertical-align:middle;font-size:1.25em;line-height:1;transform:translateY(-.05em)}.story-text .inline-emoji img{width:1.25em;height:1.25em;display:block;object-fit:contain}.story-box h2{font-size:clamp(1.7rem,4.2vw,2.7rem);color:#c45b4a;margin-bottom:1rem}.mode-toggle{position:absolute;top:12px;right:12px;width:86px;height:38px;background:#fff3cd;border-radius:999px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 3px 10px #0000001f;z-index:50;transition:transform .2s ease}.mode-toggle .icon{display:flex;align-items:center;justify-content:center;opacity:.3;transition:opacity .2s ease}.mode-toggle .icon.active{opacity:1}.mode-toggle .icon img{width:22px;height:22px;display:block}.mode-toggle:active{transform:scale(.97)}@media(hover:none){.mode-toggle:hover{transform:none}}@keyframes fadeIn{to{opacity:1}}.story-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:220px;text-align:center;font-size:1.8rem;color:#444}.story-placeholder.error{color:#c45b4a}.story-placeholder.loading{color:#444}.turtle-spinner{margin-top:1rem;font-size:2.5rem;animation:gentleFloat 2s infinite ease-in-out}@keyframes gentleFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-6px) rotate(5deg)}}.nav-buttons{display:flex;justify-content:space-between;margin-top:1rem}.nav-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;opacity:.6;transition:.2s}.nav-btn:disabled{opacity:.2}.nav-btn:active{transform:scale(1.1)}.next-arrow{width:clamp(35px,6vw,50px)}.story-empty{width:100%;flex:1;box-sizing:border-box;min-height:420px;padding:48px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff0e9;border-radius:1rem;box-shadow:inset 0 0 6px #0000000f}.story-empty-icon{width:110px;max-width:30%;height:auto;margin-bottom:24px;object-fit:contain}.story-empty h3{margin:0 0 14px;color:#e56b25;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.2}.story-empty p{margin:0;color:#5b4a70;font-size:clamp(1rem,2vw,1.15rem);font-weight:500;line-height:1.6}@media(max-width:768px){.story-empty{min-height:380px;padding:40px 24px}.story-empty-icon{width:95px;margin-bottom:20px}}@media(max-width:480px){.story-empty{min-height:340px;padding:32px 20px}.story-empty-icon{width:85px;margin-bottom:18px}.story-empty h3{margin-bottom:10px}}@media(max-width:1024px){.story-box{padding:1.2rem}.story-line,.full-story{max-width:32ch}.story-text{max-width:34ch}.story-text p{line-height:1.58}}@media(max-width:768px){.story-container{flex-direction:column}.legend-box{width:100%}.story-box{width:100%;padding:2rem 1rem 1rem}.story-text{max-width:30ch}.mode-toggle{width:72px;height:34px;top:8px;right:8px;padding:0 9px}.mode-toggle .icon{font-size:16px}.back-btn{top:0;left:0;transform:none}.back-btn:hover{transform:none}.back-arrow{width:44px}}@media(max-width:480px){.story-box{padding:1.8rem .8rem .8rem}.story-text{max-width:26ch}.back-btn{top:0;left:0;transform:none}.back-btn:hover{transform:none}.back-arrow{width:44px}}@media(min-width:768px){.story-container{display:flex;align-items:flex-start}.legend-box{flex:0 0 240px;position:sticky;top:20px;align-self:flex-start;max-height:calc(100vh - 120px);overflow-y:auto}.story-box{flex:1;min-width:0}}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-cyrillic-ext-400-normal-VNDy5CZS.woff2) format("woff2"),url(/assets/andika-cyrillic-ext-400-normal-BJwze9_g.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-cyrillic-400-normal-DYbdP60f.woff2) format("woff2"),url(/assets/andika-cyrillic-400-normal-CIdpN1kB.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-vietnamese-400-normal-afg23LQ3.woff2) format("woff2"),url(/assets/andika-vietnamese-400-normal-Bw99zChb.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-latin-ext-400-normal-D580Nkki.woff2) format("woff2"),url(/assets/andika-latin-ext-400-normal-NXfvB_tZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-latin-400-normal-BTFTIZb-.woff2) format("woff2"),url(/assets/andika-latin-400-normal-BK42By1L.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}