*{margin:0;padding:0;box-sizing:border-box}body{font-family:Quintessential,serif;background:url(/assets/zen_sand.jpg) center center / cover no-repeat fixed;min-height:100vh;display:flex;flex-direction:column;padding:0;margin:0;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 20%,rgba(100,200,220,.15) 0%,transparent 40%),radial-gradient(ellipse at 70% 60%,rgba(80,180,200,.1) 0%,transparent 35%),radial-gradient(ellipse at 50% 80%,rgba(60,160,180,.12) 0%,transparent 30%);z-index:0;pointer-events:none;animation:waterShimmer 8s ease-in-out infinite}@keyframes waterShimmer{0%,to{opacity:1}50%{opacity:.7}}.title-bar{background:linear-gradient(180deg,#2a5244,#1e3a2f);color:#fff;font-family:Quintessential,serif;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:20px 40px;font-size:1rem;line-height:1.2;position:relative;z-index:10;box-shadow:0 4px 12px #0000004d}.header-decoration{display:flex;align-items:center;justify-content:center;width:80px}.zen-symbol{font-size:3em;color:#d4af37;text-shadow:0 2px 4px rgba(0,0,0,.5);animation:rotateZen 20s linear infinite}@keyframes rotateZen{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-button{background:#fff3;border:2px solid #654321;color:#2d2d2d;font-size:1.5em;width:60px;height:60px;border-radius:50%;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.music-button:hover{background:#fff6;transform:scale(1.1)}.music-button:active{transform:scale(.95)}.title-bar-center{display:flex;flex-direction:column;align-items:center;flex:1}h1{font-size:2.5em;color:#f4e4c1;font-weight:400;letter-spacing:4px;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.header-subtitle{font-size:.9em;color:#d4af37;margin:4px 0 8px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.header-nav{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:center;margin-top:8px}.nav-link{color:#f4e4c1;text-decoration:none;transition:all .3s;font-weight:500;padding:8px 16px;border-radius:8px}.nav-link:hover{color:#d4af37;background:#ffffff1a}.nav-link.active{color:#d4af37;background:#ffffff26;border-bottom:2px solid #d4af37}.background-zen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.yinyang-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60vw;height:60vw;max-width:900px;max-height:900px;opacity:.18}.pond-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85vw;height:68vw;max-width:1200px;max-height:850px;opacity:.95;z-index:1;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}.koi-fish{position:absolute;width:150px;z-index:3;opacity:.95;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.koi-1{top:45%;left:30%;animation:koiSwim1 25s ease-in-out infinite}.koi-2{top:55%;left:55%;animation:koiSwim2 30s ease-in-out infinite;animation-delay:-10s}.koi-3{top:60%;left:40%;animation:koiSwim3 28s ease-in-out infinite;animation-delay:-15s}.lily-pad{position:absolute;width:80px;z-index:2;opacity:.85;animation:floatGently 6s ease-in-out infinite}.lily-1{top:38%;left:25%;animation-delay:0s}.lily-2{top:58%;left:65%;animation-delay:-3s}.lily-3{top:48%;left:45%;animation-delay:-5s}.lotus-flower{position:absolute;width:60px;z-index:2;opacity:.9;animation:floatGently 7s ease-in-out infinite}.lotus-1{top:42%;left:62%;animation-delay:-2s}.lotus-2{top:52%;left:35%;animation-delay:-4s}.bonsai-tree{position:absolute;width:180px;z-index:4;opacity:.95;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}.bonsai-left{bottom:8%;left:8%}.bonsai-right{bottom:8%;right:8%}.bamboo{position:absolute;width:200px;z-index:4;opacity:.9;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5));animation:bambooSway 8s ease-in-out infinite}.bamboo-left-back{top:15%;left:3%;animation-delay:0s}.bamboo-left-front{bottom:12%;left:5%;z-index:5;animation-delay:-2s}.bamboo-right-back{top:18%;right:4%;animation-delay:-4s}.bamboo-right-front{bottom:10%;right:3%;z-index:5;animation-delay:-6s}.reeds{position:absolute;width:180px;z-index:2;opacity:.85;animation:reedsSway 10s ease-in-out infinite}.reeds-left{top:35%;left:12%;animation-delay:0s}.reeds-right{top:38%;right:10%;animation-delay:-3s}.reeds-top{top:18%;left:50%;transform:translate(-50%) scale(.9);animation-delay:-5s}.grass{position:absolute;width:200px;z-index:1;opacity:.8;animation:grassWave 7s ease-in-out infinite}.grass-left{bottom:20%;left:8%;animation-delay:0s}.grass-right{bottom:22%;right:8%;animation-delay:-2s}.grass-bottom{bottom:8%;left:50%;transform:translate(-50%);animation-delay:-4s}@keyframes bambooSway{0%,to{transform:rotate(0)}50%{transform:rotate(2deg)}}@keyframes reedsSway{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-5px) rotate(-2deg)}75%{transform:translate(5px) rotate(2deg)}}@keyframes grassWave{0%,to{transform:translate(0) scaleX(1)}50%{transform:translate(-3px) scaleX(.98)}}@keyframes koiSwim1{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(120px,-40px) rotate(20deg)}50%{transform:translate(200px,30px) rotate(-15deg)}75%{transform:translate(90px,60px) rotate(10deg)}}@keyframes koiSwim2{0%,to{transform:translate(0) rotate(180deg) scaleX(-1)}25%{transform:translate(-150px,40px) rotate(200deg) scaleX(-1)}50%{transform:translate(-200px,-20px) rotate(160deg) scaleX(-1)}75%{transform:translate(-80px,-50px) rotate(170deg) scaleX(-1)}}@keyframes koiSwim3{0%,to{transform:translate(0) rotate(-10deg)}33%{transform:translate(80px,-60px) rotate(15deg)}66%{transform:translate(-60px,-40px) rotate(-20deg)}}@keyframes floatGently{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}.required{color:#f44336}.container{width:100%;display:flex;justify-content:center;align-items:center;padding:40px 20px;min-height:calc(100vh - 180px);position:relative;z-index:5}.modal{color:#fff;max-width:700px;width:100%;background:#0000004d;border-radius:20px;padding:40px;box-shadow:0 10px 40px #0000004d;border:3px solid #8b6f47;position:relative;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.modal-title{font-size:2rem;letter-spacing:3px;text-shadow:2px 2px 4px rgba(0,0,0,.5);color:#fff}.form-group{margin-bottom:25px}label{text-shadow:2px 2px 4px rgba(0,0,0,.5);color:#fff;display:block;font-size:1.1em;margin-bottom:8px;letter-spacing:1px}input,textarea{width:100%;padding:12px;background:#ffffffe6;border:2px solid #8b6f47;border-radius:8px;font-size:1em;font-family:Quintessential,serif;transition:all .3s}input:focus,textarea:focus{outline:none;background:#fff;box-shadow:0 0 10px #8b6f474d}textarea{resize:vertical;min-height:100px}.add-btn{background:linear-gradient(135deg,#6b8e23,#556b2f);color:#fff;border:none;padding:12px 30px;border-radius:8px;cursor:pointer;font-size:1em;margin-top:10px;transition:all .3s;box-shadow:0 4px 10px #0003;font-family:Quintessential,serif}.dynamic-input-group{display:flex;gap:12px;align-items:center;margin-bottom:12px}.field{display:flex}.field-name{flex:1}.field-mise{flex:.8}.field-currency{flex:.5}.field-choice{flex:1}.dynamic-input-group input,.dynamic-input-group select{width:100%;padding:12px;background:#ffffffe6;border:2px solid #8b6f47;border-radius:8px;font-size:1em;font-family:Inknut Antiqua,serif;color:#2d2d2d;transition:all .3s}.dynamic-input-group input:focus,.dynamic-input-group select:focus{outline:none;border-color:#d4af37;box-shadow:0 0 5px #d4af374d}.remove-btn{background:#a85544;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .3s;font-family:Inknut Antiqua,serif}.remove-btn:hover{background:#8b3a2a;transform:scale(1.05)}.remove-btn:active{transform:scale(.95)}.add-btn{background:linear-gradient(135deg,#6b8e23,#556b2f);color:#fff;border:none;padding:12px 30px;border-radius:8px;cursor:pointer;font-size:1em;margin-bottom:1rem;transition:all .3s;box-shadow:0 4px 10px #0003}.add-btn:hover{background:linear-gradient(135deg,#556b2f,#6b8e23);transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}@media(max-width:768px){.dynamic-input-group{flex-direction:column;gap:8px;align-items:stretch}.field{flex:1!important}.remove-btn{width:100%}}.dynamic-input-group input{flex:1}.remove-btn{background:#a85544;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .3s;font-family:Quintessential,serif}.remove-btn:hover{background:#8b3a2a}.submit-btn{width:100%;margin-top:20px;font-size:1.1em;padding:15px}.success-message{background:#6b8e23e6;color:#fff;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;display:none}@media(max-width:900px){.yinyang-bg{width:90vw;height:90vw}.koi-bg,.bonsai-bg{width:120px}h1{font-size:2em;letter-spacing:2px}.logo{width:80px;height:auto}.music-button{background:#fff3;border:2px solid #654321;color:#2d2d2d;font-size:1.5em;width:60px;height:60px;border-radius:50%;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.music-button:hover{background:#fff6;transform:scale(1.1)}.music-button:active{transform:scale(.95)}.header-nav{flex-wrap:wrap;gap:12px}.modal{padding:25px}.modal-title{font-size:1.5em}}