.config-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;z-index:100;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.config-panel{background:var(--color-surface);width:90%;max-width:400px;max-height:80vh;border-radius:16px;padding:20px;color:var(--color-text-primary);display:flex;flex-direction:column;gap:20px;box-shadow:0 10px 30px #00000080;overflow-y:auto}.config-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.close-btn{background:none;border:none;color:var(--color-text-primary);font-size:2rem;cursor:pointer;line-height:1}.config-section h3{margin-bottom:10px;font-size:1.1rem;color:var(--color-accent)}.font-control{display:flex;align-items:center;gap:10px}.font-control input{flex:1;accent-color:var(--color-accent)}.category-list{display:flex;flex-direction:column;gap:10px}.category-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#ffffff0d;border-radius:8px;transition:background .2s}.category-item.hidden{opacity:.5}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1}.checkbox-label input{width:18px;height:18px;accent-color:var(--color-accent)}.order-controls{display:flex;gap:5px}.order-controls button{background:#ffffff1a;border:none;color:#fff;width:30px;height:30px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.order-controls button:disabled{opacity:.3;cursor:not-allowed}.hint{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:10px}.article-card{width:100%;height:100dvh;scroll-snap-align:start;position:relative;display:flex;flex-direction:column;justify-content:center;padding:20px;color:var(--color-text-primary);transition:background-color .3s,color .3s;overflow:hidden}.article-card.theme-light{background:#fff!important;color:#000}.article-card.theme-light .article-author{color:#333}.article-card.theme-dark{background:#000!important;color:#fff}.article-content{width:100%;max-width:100%;z-index:2;box-sizing:border-box}.article-title{font-size:calc(var(--base-font-size, 16px) * 1.5);margin-bottom:8px;font-weight:700}.article-author{font-size:var(--base-font-size, 16px);font-weight:600;margin-bottom:12px;color:var(--color-text-primary)}.article-body{font-size:calc(var(--base-font-size, 16px) * .9);line-height:1.6;opacity:.9;max-height:70vh;overflow-y:auto;padding-right:5px}.article-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.article-header h2{flex:1;margin:0}.scroll-zone{position:absolute;top:0;bottom:0;width:25%;z-index:10}.scroll-zone.left{left:0}.scroll-zone.right{right:0}.interaction-sidebar{position:absolute;right:10px;bottom:100px;display:flex;flex-direction:column;gap:20px;align-items:center;z-index:20;opacity:.7;transition:opacity .3s}.interaction-sidebar:hover,.interaction-sidebar:active{opacity:1}.action-btn{display:flex;flex-direction:column;align-items:center;gap:4px}.icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .2s;cursor:pointer}.icon:active{transform:scale(.9)}.count{font-size:.8rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.word-card{width:100vw;height:110vh;scroll-snap-align:start;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;cursor:pointer;transition:background-color .3s,color .3s}.word-card.theme-rich{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.word-card.theme-light{background:#fff;color:#000}.word-card.theme-light .word-phonetic{color:#666}.word-card.theme-dark{background:#000;color:#fff}.word-content{padding:20px;max-width:80%}.word-text{font-size:clamp(2rem,10vw,4rem);font-weight:800;margin-bottom:20px;background:linear-gradient(45deg,#ff6b6b,#feca57);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px;word-break:break-word;line-height:1.2}.word-header{display:flex;justify-content:center;align-items:center;position:relative;width:100%;margin-bottom:2rem}.word-phonetic{font-size:1.5rem;color:#a8a8a8;margin-bottom:2rem;padding:1rem 2rem;background:#ffffff1a;border-radius:12px;transition:all .3s ease}.word-phonetic:hover{background:#fff3;transform:scale(1.05)}.word-translation{font-size:1.2rem;line-height:1.6;color:#e0e0e0;max-width:80%}.favorite-btn{position:absolute;top:-10px;right:20px;background:none;border:none;font-size:2rem;cursor:pointer;transition:transform .2s ease;z-index:10}.favorite-btn:hover{transform:scale(1.2)}.favorite-btn.favorited{animation:heartbeat .3s ease}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.phonetic{font-size:1.5rem;color:#a8a8a8}.speaker-icon{font-size:1.5rem;opacity:.8}.translation{font-size:1.2rem;line-height:1.6;color:#e0e0e0}.meaning-item{margin-bottom:8px}.vertical-feed{width:100vw;height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.vertical-feed::-webkit-scrollbar{display:none}.app-container{width:100vw;height:100vh;position:relative;overflow:hidden}.horizontal-feed{display:flex;width:100vw;height:100vh;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.horizontal-feed::-webkit-scrollbar{display:none}.feed-container{min-width:100vw;height:100vh;scroll-snap-align:start}.top-nav{position:absolute;top:0;left:80px;width:calc(100% - 160px);height:60px;z-index:10;display:flex;align-items:center;gap:20px;pointer-events:none;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.top-nav:before,.top-nav:after{content:"";display:block;flex:0 0 40%;height:1px}.top-nav::-webkit-scrollbar{display:none}.settings-btn{position:absolute;top:20px;right:20px;z-index:20;background:#00000080;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s}.settings-btn:hover{transform:rotate(90deg)}.nav-item{color:#fff9;font-size:calc(var(--base-font-size, 16px) * 1.1);font-weight:600;cursor:pointer;pointer-events:auto;text-transform:uppercase;letter-spacing:1px;transition:color .3s,transform .3s}.nav-item.active{color:#fff;transform:scale(1.1);text-shadow:0 0 10px rgba(255,255,255,.5)}.nav-item:hover{color:#fff}.theme-light .nav-item{color:#0009}.theme-light .nav-item.active{color:#000;text-shadow:0 0 10px rgba(0,0,0,.1)}.theme-light .nav-item:hover{color:#000}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg: #000000;--color-surface: #121212;--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--color-accent: #fe2c55;--color-accent-blue: #25f4ee;--transition-speed: .3s}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background-color:var(--color-bg);overflow:hidden;-webkit-text-size-adjust:100%}#root{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.full-screen{width:100vw;height:100vh}.flex-center{display:flex;justify-content:center;align-items:center}