.kokosuki{--holo-cyan:#33c3f0;--holo-blue:#4f9cf9;--holo-purple:#a855f7;--holo-pink:#f472b6;--holo-light-blue:#e0f4ff;--holo-light-pink:#fce7f3;--holo-light-purple:#f3e8ff}.kokosuki .bg-mesh{background-color:#0000;background-image:radial-gradient(at 20% 20%,#33c3f033 0%,#0000 50%),radial-gradient(at 80% 20%,#a855f726 0%,#0000 50%),radial-gradient(at 50% 80%,#f472b626 0%,#0000 50%),radial-gradient(at 80% 80%,#38bdf81a 0%,#0000 40%),linear-gradient(#e0f4ff 0%,#f8faff 50%,#fce7f3 100%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}.kokosuki .orb{filter:blur(60px);opacity:.6;pointer-events:none;border-radius:50%;animation:20s ease-in-out infinite kokosuki-float;position:absolute}.kokosuki .orb-1{background:radial-gradient(circle,#33c3f080 0%,#0000 70%);width:350px;height:350px;animation-delay:0s;top:-80px;left:-80px}.kokosuki .orb-2{background:radial-gradient(circle,#a855f766 0%,#0000 70%);width:400px;height:400px;animation-delay:-7s;top:40%;right:-120px}.kokosuki .orb-3{background:radial-gradient(circle,#f472b666 0%,#0000 70%);width:300px;height:300px;animation-delay:-14s;bottom:-40px;left:25%}.kokosuki .glass{-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #fffc;box-shadow:0 8px 32px #33c3f01a,inset 0 1px #ffffffe6}.kokosuki .glass-strong{-webkit-backdrop-filter:blur(30px);background:#ffffffd9;border:1px solid #ffffffe6;box-shadow:0 8px 32px #33c3f026,0 2px 8px #0000000d,inset 0 1px #fff}.kokosuki .glass-subtle{-webkit-backdrop-filter:blur(10px);background:#fff6;border:1px solid #fff9}.kokosuki .glow-cyan{box-shadow:0 4px 20px #33c3f04d,0 8px 40px #33c3f026}.kokosuki .glow-pink{box-shadow:0 4px 20px #f472b64d,0 8px 40px #f472b626}.kokosuki .gradient-text{background:linear-gradient(135deg,#33c3f0 0%,#a855f7 50%,#f472b6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.kokosuki .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#33c3f0 0%,#4f9cf9 100%);border:none;transition:all .3s;box-shadow:0 4px 15px #33c3f04d}.kokosuki .btn-primary:hover{background:linear-gradient(135deg,#2bb0db 0%,#3d8be6 100%);transform:translateY(-2px);box-shadow:0 6px 25px #33c3f066}.kokosuki .btn-gradient{color:#fff;cursor:pointer;background:linear-gradient(135deg,#33c3f0 0%,#a855f7 100%);border:none;transition:all .3s;box-shadow:0 4px 15px #33c3f040,0 4px 15px #a855f726}.kokosuki .btn-gradient:hover{background:linear-gradient(135deg,#2bb0db 0%,#9333ea 100%);transform:translateY(-2px);box-shadow:0 6px 25px #33c3f059,0 6px 25px #a855f740}.kokosuki .btn-gradient-pink{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7 0%,#f472b6 100%);border:none;transition:all .3s;box-shadow:0 4px 15px #a855f740,0 4px 15px #f472b626}.kokosuki .btn-gradient-pink:hover{background:linear-gradient(135deg,#9333ea 0%,#ec4899 100%);transform:translateY(-2px);box-shadow:0 6px 25px #a855f759,0 6px 25px #f472b640}.kokosuki .btn-neon{color:#64748b;cursor:pointer;background:#ffffffb3;border:2px solid #33c3f033;transition:all .3s}.kokosuki .btn-neon:hover{color:#33c3f0;background:#ffffffe6;border-color:#33c3f066;box-shadow:0 4px 15px #33c3f026}.kokosuki .input-glass{color:#1a1a2e;background:#ffffffb3;border:2px solid #33c3f033;transition:all .3s}.kokosuki .input-glass::placeholder{color:#9ca3af}.kokosuki .input-glass:focus{background:#ffffffe6;border-color:#33c3f0;outline:none;box-shadow:0 0 0 4px #33c3f026}.kokosuki input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.kokosuki input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.kokosuki input[type=number]{appearance:textfield}.kokosuki .phrase-item{background:#ffffff80;border:1px solid #33c3f026;transition:all .3s}.kokosuki .phrase-item:hover{background:#fffc;border-color:#33c3f04d;box-shadow:0 4px 15px #33c3f01a}.kokosuki .merge-button{background:#33c3f00d;border:1px dashed #33c3f04d;transition:all .3s}.kokosuki .merge-button:hover{background:#33c3f01a;border-color:#33c3f080;box-shadow:0 2px 10px #33c3f026}.kokosuki .selection-item{background:#ffffff80;border:2px solid #33c3f01a;transition:all .3s}.kokosuki .selection-item:hover{background:#fffc;border-color:#33c3f040}.kokosuki .selection-item-selected{background:linear-gradient(135deg,#33c3f026 0%,#a855f71a 100%);border-color:#33c3f0;box-shadow:0 4px 20px #33c3f033}@keyframes kokosuki-float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(20px,-20px)scale(1.03)}50%{transform:translate(-15px,15px)scale(.97)}75%{transform:translate(15px,10px)scale(1.01)}}@keyframes kokosuki-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes kokosuki-fade-in{0%{opacity:0}to{opacity:1}}@keyframes kokosuki-bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes kokosuki-pulse-neon{0%,to{box-shadow:0 4px 20px #33c3f04d,0 4px 20px #a855f733}50%{box-shadow:0 4px 35px #33c3f080,0 4px 35px #a855f74d}}.kokosuki .animate-slide-up{opacity:0;animation:.5s ease-out forwards kokosuki-slide-up}.kokosuki .animate-fade-in{animation:.3s ease-out forwards kokosuki-fade-in}.kokosuki .animate-bounce-soft{animation:2s ease-in-out infinite kokosuki-bounce-soft}.kokosuki .animate-pulse-neon{animation:2s ease-in-out infinite kokosuki-pulse-neon}