@import "https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;700&family=Noto+Serif+JP:wght@300;400;700&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-zen:#f9f8f4;--ink-black:#2d2b2a;--vermilion:#d94838;--matcha:#828c6f;--text-primary:#2d2b2a;--text-secondary:#5c5a58;--text-muted:#a09e9c;--border-light:#e8e6e1;--accent-gold:#c5a059}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-zen);color:var(--text-primary);background-image:url(https://www.transparenttextures.com/patterns/natural-paper.png);font-family:Noto Serif JP,Shippori Mincho,serif;line-height:1.8;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 4rem}header{text-align:left;border-left:1px solid var(--vermilion);margin-left:2rem;padding:8rem 0 4rem 2rem}header h1{color:var(--ink-black);margin-bottom:1rem;font-size:4rem;font-weight:700;line-height:1}header .ja-title{writing-mode:vertical-rl;color:var(--vermilion);letter-spacing:.5rem;font-size:2rem;position:absolute;top:8rem;right:4rem}nav{justify-content:flex-start;gap:4rem;margin-bottom:10rem;margin-left:4rem;display:flex}nav a{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3rem;font-size:.9rem;font-weight:400;text-decoration:none;transition:color .3s}nav a:hover,nav a.active{color:var(--vermilion)}a{color:inherit;text-decoration:none}a:visited{color:inherit}a:hover{color:var(--vermilion)}a:active,a:focus{color:var(--vermilion);outline:none}.food-gallery{flex-direction:column;gap:15rem;padding-bottom:20rem;display:flex}.food-item{align-items:center;min-height:600px;display:flex;position:relative}.food-item:nth-child(2n){flex-direction:row-reverse}.image-stack{width:60%;height:500px;position:relative}.main-image{z-index:2;width:80%;height:100%;position:absolute;overflow:hidden;box-shadow:20px 20px 60px #0000000d}.sub-image{z-index:1;border:10px solid var(--bg-zen);width:50%;height:60%;position:absolute;bottom:-10%;right:-5%;overflow:hidden;box-shadow:10px 10px 40px #0000000d}.tertiary-image{z-index:0;opacity:.8;border:5px solid #fff;width:40%;height:50%;position:absolute;top:-10%;left:-10%;overflow:hidden;box-shadow:5px 5px 30px #00000008}.food-item:nth-child(2n) .sub-image{left:-5%;right:auto}.food-item:nth-child(2n) .tertiary-image{left:auto;right:-10%}.image-stack img{object-fit:cover;width:100%;height:100%;transition:transform 2s}.food-item:hover img{transform:scale(1.05)}.resource-link:hover{background:#00000005;transform:translate(5px)}.content-box{z-index:3;background:#fff;width:40%;padding:3rem;position:absolute;top:10%;right:0;box-shadow:30px 30px 80px #00000008}.food-item:nth-child(2n) .content-box{left:0;right:auto}.ja-vertical-text{writing-mode:vertical-rl;color:var(--vermilion);letter-spacing:.5rem;height:100%;font-size:1.5rem;font-weight:700;position:absolute;top:-2rem;right:-2rem}.content-box h2{color:var(--ink-black);margin-bottom:.5rem;font-size:2.5rem}.romaji{text-transform:uppercase;letter-spacing:.2rem;color:var(--text-muted);margin-bottom:2rem;font-size:.8rem;display:block}.en-quote{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;font-style:italic;line-height:2}.ja-quote{color:var(--vermilion);border-top:1px solid var(--border-light);padding-top:1rem;font-size:1.2rem}.workspace-grid{grid-template-columns:320px 1fr 320px;gap:3rem;margin-top:2rem;display:grid}.workspace-panel{background:#fff;border:none;border-radius:0;padding:2.5rem;position:relative;box-shadow:10px 10px 40px #00000005}.workspace-panel:before{content:"";border:1px solid var(--border-light);pointer-events:none;position:absolute;inset:10px}.workspace-panel h3{text-transform:uppercase;letter-spacing:.4rem;color:var(--text-muted);text-align:center;width:100%;margin-top:1rem;margin-bottom:2.5rem;font-size:.8rem;font-weight:700;display:block}.advanced-timer{flex-direction:column;justify-content:center;align-items:center;padding:2rem 0;display:flex}.timer-circle{justify-content:center;align-items:center;width:300px;height:300px;margin-bottom:3rem;display:flex;position:relative}.timer-svg{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.timer-bg{fill:none;stroke:var(--border-light);stroke-width:2px}.timer-progress{fill:none;stroke:var(--vermilion);stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 5px #d9483833);transition:stroke-dashoffset 1s linear}.timer-text{z-index:5;flex-direction:column;justify-content:center;align-items:center;display:flex}.timer-time{color:var(--ink-black);font-size:5rem;font-weight:300;line-height:1}.timer-label{text-transform:uppercase;letter-spacing:.3rem;color:var(--text-muted);margin-top:.5rem;font-size:.8rem}.btn{border:1px solid var(--ink-black);color:var(--ink-black);background:#fff;border-radius:0}.btn:hover{background:var(--ink-black);color:#fff;border-color:var(--ink-black)}.btn-primary{background:var(--vermilion);border-color:var(--vermilion);color:#fff}.btn-primary:hover{background:var(--ink-black);border-color:var(--ink-black)}.omikuji-panel{overflow:hidden}.omikuji-content{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.omikuji-box{background:var(--ink-black);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:80px;height:120px;transition:transform .3s;display:flex;position:relative;box-shadow:5px 5px 15px #0003}.omikuji-box:hover{transform:scale(1.05)}.omikuji-box.shaking{animation:.2s infinite shake}.omikuji-hole{background:var(--bg-zen);border-radius:50%;width:15px;height:15px;position:absolute;top:10px}.omikuji-label{color:#fff;text-align:center;letter-spacing:2px;font-size:.7rem;font-weight:700;line-height:1.2}.fortune-result{border:1px dashed var(--vermilion);background:#d9483808;align-items:flex-start;gap:1rem;padding:1rem;animation:.5s fadeIn;display:flex}.fortune-level{writing-mode:vertical-rl;color:var(--vermilion);border-left:2px solid var(--vermilion);padding-left:.5rem;font-size:1.5rem;font-weight:700}.fortune-details h4{color:var(--ink-black);margin-bottom:.5rem;font-size:.8rem}.fortune-details p{color:var(--text-secondary);font-size:.75rem;line-height:1.5}.omikuji-hint{color:var(--text-muted);text-align:center;font-size:.7rem}.omikuji-sparkle{color:var(--accent-gold);opacity:.3;position:absolute;top:1rem;right:1rem}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.garden-panel{min-height:250px}.garden-container{flex:1;width:100%;padding:.5rem}.garden-sand{background-color:#f0ede5;background-image:radial-gradient(#d8d1c0 1px,#0000 1px);background-size:20px 20px;border-radius:4px;width:100%;height:150px;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #0000000d}.garden-item{-webkit-user-select:none;user-select:none;pointer-events:none;font-size:1.5rem;position:absolute}.garden-empty-msg{color:var(--text-muted);text-align:center;width:80%;font-size:.75rem;line-height:1.5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes popIn{0%{opacity:0;transform:scale(0)rotate(-45deg)}70%{opacity:1;transform:scale(1.2)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.aura-stable{filter:drop-shadow(0 0 10px #828c6f66)}.aura-linear{animation:2s infinite pulseLinear}.aura-quadratic{animation:1.5s infinite pulseQuadratic}.aura-exponential{animation:.8s infinite pulseExponential}@keyframes pulseLinear{0%{filter:drop-shadow(0 0 5px #d9483833)}50%{filter:drop-shadow(0 0 15px #d9483866)}to{filter:drop-shadow(0 0 5px #d9483833)}}@keyframes pulseQuadratic{0%{filter:drop-shadow(0 0 5px #d948384d);transform:scale(1)}50%{filter:drop-shadow(0 0 25px #d9483899);transform:scale(1.02)}to{filter:drop-shadow(0 0 5px #d948384d);transform:scale(1)}}@keyframes pulseExponential{0%{filter:drop-shadow(0 0 10px #d9483880);transform:scale(1)}50%{filter:drop-shadow(0 0 40px #d94838e6);transform:scale(1.05)}to{filter:drop-shadow(0 0 10px #d9483880);transform:scale(1)}}.koan-panel{min-height:180px}.koan-question{color:var(--text-secondary);text-align:center;margin-bottom:1.5rem;font-size:.9rem;font-style:italic;line-height:1.5}.koan-answer{color:var(--ink-black);border-left:2px solid var(--vermilion);background:#00000005;padding:1rem;font-size:.8rem}.tab-btn{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-size:.75rem;transition:all .3s;position:relative}.tab-btn.active{color:var(--ink-black);font-weight:700}.tab-btn.active:after{content:"";background:var(--vermilion);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.animate-fadeIn{animation:.5s fadeIn}.spirit-buddy-container{justify-content:center;align-items:center;padding:1.5rem 0;display:flex}.buddy-wrapper{flex-direction:column;align-items:center;gap:1rem;display:flex}.buddy-body{background:var(--imperial-gold);border-radius:40% 40% 30% 30%;width:60px;height:50px;transition:all .5s;position:relative}.buddy-ears{justify-content:space-around;width:100%;display:flex;position:absolute;top:-10px}.buddy-ears:before,.buddy-ears:after{content:"";background:var(--imperial-gold);border-radius:50% 50% 0 0;width:15px;height:15px}.buddy-face{flex-direction:column;align-items:center;gap:5px;width:100%;display:flex;position:absolute;top:15px}.buddy-eyes{gap:15px;display:flex}.buddy-eyes:before,.buddy-eyes:after{content:"";background:var(--aizome-indigo);border-radius:50%;width:4px;height:4px;transition:all .5s}.buddy-nose{background:var(--hanko-red);border-radius:50%;width:6px;height:4px}.buddy-tail{background:var(--imperial-gold);transform-origin:0 100%;border-radius:0 50% 50% 0;width:25px;height:15px;position:absolute;bottom:0;right:-15px}.buddy-platform{background:var(--border-gold);opacity:.3;border-radius:50%;width:100px;height:4px}.buddy-status{letter-spacing:2px;color:var(--text-muted);font-size:.6rem;font-weight:700}.sleeping .buddy-body{opacity:.8;transform:translateY(5px)scaleY(.9)}.sleeping .buddy-eyes:before,.sleeping .buddy-eyes:after{height:1px;transform:translateY(2px)}.sleeping .buddy-tail{animation:4s ease-in-out infinite tailWagSlow}.studying .buddy-body{animation:2s ease-in-out infinite breathing}.studying .buddy-eyes:before,.studying .buddy-eyes:after{background:var(--hanko-red);height:6px}.studying .buddy-tail{animation:1s ease-in-out infinite tailWagFast}.tiny-scroll{z-index:10;position:absolute;top:-30px;left:20px}.scroll-paper{border:1px solid var(--border-gold);writing-mode:vertical-rl;color:var(--vermilion);background:#fff;padding:2px 5px;font-size:10px;box-shadow:2px 2px 5px #0000001a}@keyframes tailWagSlow{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}@keyframes tailWagFast{0%,to{transform:rotate(0)}50%{transform:rotate(30deg)}}@keyframes breathing{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes animate-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.sakura-container{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.petal{opacity:.8;z-index:10000;background-color:#ffb7c5;border-radius:150% 0;animation:linear infinite fall;position:absolute;top:-30px;box-shadow:0 0 5px #ffb7c580}@keyframes fall{0%{opacity:0;transform:translateY(0)rotate(0)translate(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(105vh)rotate(720deg)translate(100px)}}@media (width<=1024px){.food-item,.food-item:nth-child(2n){flex-direction:column;gap:4rem;min-height:auto}.image-stack,.content-box{width:100%;position:relative;top:0}.workspace-grid{grid-template-columns:1fr}}