:root{--bg-primary:#0a0a0c;--bg-secondary:#12121a;--text-primary:#f5f5f0;--text-secondary:#8a8a8a;--accent:#ff6b4a;--accent-glow:rgba(255,107,74,.4);--japanese-red:#bc002d;--japanese-white:#f7f7f7}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Zen Kaku Gothic New,Noto Sans JP,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,rgba(10,10,12,.9),transparent)}.nav-logo{font-size:1.5rem;font-weight:900;color:var(--text-primary);text-decoration:none;letter-spacing:.05em}.nav-links{gap:1.5rem}.nav-link,.nav-links{display:flex;align-items:center}.nav-link{color:var(--text-secondary);font-size:1.5rem;transition:color .3s ease,transform .3s ease;justify-content:center}.nav-link:hover{color:var(--accent);transform:scale(1.2)}.lang-toggle{display:flex;align-items:center;justify-content:center;gap:.4rem;width:50px;height:50px;background:rgba(10,10,12,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.2);border-radius:50%;color:var(--text-primary);font-size:1.25rem;cursor:pointer;transition:all .3s ease}.lang-toggle:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.1)}.lang-toggle svg{font-size:1.25rem}.lang-label{display:none}.bottom-controls{position:fixed;bottom:2rem;right:2rem;z-index:100;gap:.75rem}.bottom-controls,.sound-toggle{display:flex;align-items:center}.sound-toggle{width:50px;height:50px;border-radius:50%;border:2px solid hsla(0,0%,100%,.2);background:rgba(10,10,12,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);font-size:1.25rem;cursor:pointer;justify-content:center;transition:all .3s ease}.sound-toggle:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.1)}.sound-toggle.muted{color:var(--text-secondary)}.video-bg{object-fit:cover;z-index:-2;opacity:.5}.video-bg,.video-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.video-overlay{background:linear-gradient(180deg,rgba(10,10,12,.6) 0,rgba(10,10,12,.4) 50%,rgba(10,10,12,.8));z-index:-1}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1000}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;padding:6rem 2rem 4rem}.hero:after{content:"";position:absolute;top:20%;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,var(--accent-glow) 0,transparent 70%);opacity:.15;pointer-events:none;filter:blur(80px)}.hero-content{position:relative;z-index:1}.title-japanese{font-size:clamp(5rem,18vw,14rem);font-weight:900;letter-spacing:.05em;line-height:1;margin-bottom:1rem;background:linear-gradient(135deg,var(--text-primary) 0,var(--text-primary) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s ease-out;transition:transform .3s ease,text-shadow .3s ease}.title-japanese:hover{transform:scale(1.02);filter:drop-shadow(0 0 30px var(--accent-glow))}.subtitle{font-size:clamp(1rem,3vw,1.5rem);font-weight:300;color:var(--text-secondary);letter-spacing:.3em;text-transform:uppercase;margin-bottom:2rem;animation:fadeInUp 1s ease-out .2s both;transition:color .3s ease,letter-spacing .3s ease}.subtitle:hover{color:var(--text-primary);letter-spacing:.5em}.subtitle .ticker{color:var(--accent);font-weight:700}.cards-row{display:flex;align-items:center;justify-content:center;gap:3rem;margin:2rem auto;flex-wrap:wrap;animation:fadeInUp 1s ease-out .5s both}.meaning-card{flex:1.5 1;max-width:800px;min-width:400px;margin-left:-5%}.meaning-inline{width:100%;height:auto}.flip-card{width:100%;max-width:350px;min-width:280px;aspect-ratio:1;perspective:1000px;cursor:pointer;flex:1 1}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;border-radius:1rem;box-shadow:0 20px 60px rgba(0,0,0,.5)}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:1rem;overflow:hidden}.flip-card-front{background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.flip-card-front img{width:100%;height:100%;object-fit:contain}.flip-card-back{background:var(--bg-secondary);transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.flip-card-back img{width:100%;max-height:60%;object-fit:contain;border-radius:.5rem;margin-bottom:1.5rem}.flip-card-back .ca-text{font-size:1.25rem;font-weight:700;color:var(--accent);text-align:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.deco-line{width:100px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:2rem auto;animation:fadeInUp 1s ease-out .3s both}.accent-text{font-size:1rem;color:var(--text-secondary);letter-spacing:.1em;margin-top:3rem;max-width:700px;line-height:1.8;text-align:center;animation:fadeInUp 1s ease-out .8s both}.accent-text .jp{display:block;font-size:1.25rem;margin-bottom:.5rem;color:var(--text-primary)}.accent-text .ticker{color:var(--accent);font-weight:700;font-size:1.1rem}.accent-text .one-liner{display:block;margin-top:.5rem;white-space:nowrap}.accent-text .highlight,.highlight{color:var(--accent);font-weight:600}.knowledge-section{margin-top:4rem;padding:2rem;max-width:700px;text-align:left;background:hsla(0,0%,100%,.03);border-left:3px solid var(--accent);border-radius:0 1rem 1rem 0;animation:fadeInUp 1s ease-out 1s both}.knowledge-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.knowledge-title span{font-weight:300}.knowledge-text,.knowledge-title span{color:var(--text-secondary);font-size:1rem}.knowledge-text{line-height:1.8;margin-bottom:1rem}.knowledge-text:last-child{margin-bottom:0}.floating-kanji{position:fixed;font-size:15rem;font-weight:900;opacity:.02;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .5s ease}.floating-kanji.left{left:-5%;top:20%;transform:rotate(-15deg)}.floating-kanji.right{right:-5%;bottom:20%;transform:rotate(15deg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.footer{padding:3rem 2rem;text-align:center;border-top:1px solid hsla(0,0%,100%,.05);position:relative}.footer p{color:var(--text-secondary);font-size:.875rem}@media (max-width:768px){.hero{padding:5rem 1rem 2rem}.floating-kanji{font-size:8rem}.flip-card{max-width:280px}.accent-text{font-size:.875rem;padding:0 1rem}.navbar{padding:1rem}.bottom-controls{bottom:1rem;right:1rem}.lang-toggle,.sound-toggle{width:44px;height:44px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff8a70}