@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap";html{scroll-behavior:smooth}@keyframes fall{0%{opacity:.4;transform:translateY(-100vh)rotate(0)}10%{opacity:.6}to{opacity:0;transform:translateY(100vh)rotate(360deg)}}.animate-fall{animation:linear infinite fall}:root{--sakura-pink:#f5f0f0;--sakura-light:#fafafa;--wisteria:#6b6b80;--sunrise-orange:#a08888;--zen-gray:#4a4a4a;--bamboo-green:#5a6b5f;--sumi-black:#1a1a1a;--washi-white:#fff;--indigo-dye:#3d4758;--muted-indigo:#4a5568;--soft-purple:#706880;--japanese-red:#8b4049;--traditional-gold:#9a8761}body{font-family:Noto Sans JP,system-ui,-apple-system,sans-serif}.japan-gradient{opacity:.98;background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 25%,#f8f8f8 50%,#f5f5f5 75%,#fafafa 100%) 0 0/400% 400%;animation:45s infinite gradient-shift}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.sakura-float{z-index:1;pointer-events:none;animation:linear infinite sakura-fall;position:fixed;top:-10px}@keyframes sakura-fall{to{transform:translateY(100vh)rotate(360deg)}}.wave-pattern{background-image:url("data:image/svg+xml,%3Csvg width='100' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10c10-5 20-5 30 0s20 5 30 0 20-5 30 0 20 5 30 0' stroke='%236b7c96' stroke-width='0.5' fill='none' opacity='0.15'/%3E%3C/svg%3E");background-repeat:repeat-x;position:relative}.seigaiha-pattern{opacity:.05;background-color:#0000;background-image:repeating-radial-gradient(circle at 0 0,#0000 0,#6b7c96 10px,#0000 10px 20px),repeating-radial-gradient(circle at 20px 10px,#0000 0,#6b7c96 10px,#0000 10px 20px);background-size:40px 20px}.asanoha-pattern{opacity:.03;background-image:linear-gradient(60deg,#6b7c96 1px,#0000 1px),linear-gradient(-60deg,#6b7c96 1px,#0000 1px),linear-gradient(120deg,#6b7c96 1px,#0000 1px),linear-gradient(-120deg,#6b7c96 1px,#0000 1px);background-position:0 0,0 0,15px 8.66px,15px 8.66px;background-size:30px 30px}.wave-pattern:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 80%,#f4c2c20d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#8b7ab80d 0%,#0000 50%),radial-gradient(circle at 40% 40%,#6b977508 0%,#0000 50%);position:absolute;inset:0}.japan-card{background:linear-gradient(#fff,#fdfcfa);border:1px solid #6b7c9614;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 6px #6b7c9614,0 6px 12px #6b7c960a}.japan-card:before{content:"";background:linear-gradient(90deg, transparent, var(--muted-indigo), transparent);opacity:.5;height:3px;position:absolute;top:0;left:0;right:0}.japan-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6b7c961f,0 8px 16px #6b7c9614}.gradient-text{background:linear-gradient(135deg,#4a5568,#5a6378,#6a7388);-webkit-text-fill-color:transparent;background-size:200% 200%;background-clip:text;animation:20s infinite gradient-shift}.btn-primary{color:#fff;background:linear-gradient(135deg,#6a5f80,#7a6a8a);border:1px solid #6a5f8014;border-radius:6px;padding:.875rem 2rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 6px #6a5f8026}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover{background:linear-gradient(135deg,#75698a,#8575a0);transform:translateY(-1px);box-shadow:0 4px 10px #6a5f8033}.btn-primary:hover:before{left:100%}.btn-secondary{background:var(--washi-white);color:var(--sumi-black);border:1.5px solid #e0dce8;border-radius:6px;padding:.875rem 2rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 1px 3px #00000008}.btn-secondary:hover{border-color:var(--muted-indigo);color:var(--muted-indigo);background:linear-gradient(#fff,#fbfafc);transform:translateY(-1px);box-shadow:0 2px 6px #5a688514}.kanji-card{text-align:center;cursor:pointer;backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff 0%,#fafafa 100%);border:1px solid #0000000f;border-radius:12px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 12px #0000000a,0 1px 3px #0000000f}.kanji-card:before{content:"";background:radial-gradient(circle, var(--muted-indigo) 0%, transparent 70%);opacity:.2;border-radius:50%;width:12px;height:12px;position:absolute;top:6px;right:6px}.kanji-card:hover{border-color:var(--muted-indigo);background:linear-gradient(135deg,#fff 0%,#fafbfc 100%);transform:translateY(-2px);box-shadow:0 4px 12px #5a688514}.kanji-character{color:#1a1a1a;letter-spacing:0;margin-bottom:.75rem;font-family:Noto Sans JP,serif;font-size:3.5rem;font-weight:300;line-height:1}.kanji-meaning{color:#4a5568;letter-spacing:.05em;opacity:1;text-transform:uppercase;margin-top:.5rem;font-size:.75rem;font-weight:500;display:block}.section-divider{background:linear-gradient(90deg,#0000,#9333ea,#0000);height:2px;margin:3rem 0;position:relative}.section-divider:before{content:"◆";color:#9333ea;background:#fff;padding:0 1rem;font-size:.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button,[role=button],select{cursor:pointer}input:focus,textarea:focus,button:focus{ring:2px;ring-color:#9333ea;ring-opacity:.5;outline:none}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#1a202c;border-radius:8px;margin-bottom:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:opacity .3s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip:hover:after{opacity:1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--washi-white)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--muted-indigo), var(--zen-gray));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--indigo-dye), var(--zen-gray))}.japanese-border{padding:1rem;position:relative}.japanese-border:before,.japanese-border:after{content:"";border:1px solid var(--wisteria);opacity:.3;width:20px;height:20px;position:absolute}.japanese-border:before{border-bottom:none;border-right:none;top:0;left:0}.japanese-border:after{border-top:none;border-left:none;bottom:0;right:0}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-gentle{animation:4s ease-in-out infinite gentle-float}.japanese-text{letter-spacing:.05em;font-family:Noto Sans JP,sans-serif;font-weight:300}.japanese-aesthetic{letter-spacing:.15em;font-family:Zen Kurenaido,Noto Sans JP,sans-serif}.japan-card-hover{transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.japan-card-hover:after{content:"";opacity:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#0000 40%,#8a7ba308 100%);transition:opacity .4s;position:absolute;inset:0}.japan-card-hover:hover:after{opacity:1}.zen-circle{border:1px solid var(--muted-indigo);opacity:.15;border-radius:50%;width:60px;height:60px;position:absolute}.japanese-stamp{border:2px solid var(--japanese-red);color:var(--japanese-red);background:#fffffff2;border-radius:4px;padding:.5rem 1rem;font-weight:500;display:inline-block;position:relative}.japanese-stamp:before{content:"";border:1px solid var(--japanese-red);opacity:.3;border-radius:4px;position:absolute;inset:-2px}