:root{--bg-dark: rgb(0, 0, 0);--glass-light: rgba(255, 255, 255, .03);--glass-dark: rgba(71, 71, 71, .29);--accent-blue: rgb(15, 64, 188);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--border-light: rgba(255, 255, 255, .1)}html,body,#root{margin:0;padding:0;height:auto;width:100%;overflow:hidden;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;position:relative;background-color:var(--bg-dark)}main{position:relative;perspective:2000px;overflow:hidden;height:calc(100vh - 60px)}.cube-face{width:100%;height:100%;position:absolute;backface-visibility:hidden;top:0;left:0;transform-style:preserve-3d}.page-content{width:100%;height:100%;position:relative}.main-layout{display:flex;width:100%;height:calc(100vh - 120px);padding:30px;gap:30px;box-sizing:border-box}.left-column{flex:0 0 400px;height:100%}.right-column{flex:1;height:100%;min-width:0}.user-info-container,.wishes-container{background:#47474726;border-radius:20px;padding:30px;height:100%;display:flex;flex-direction:column;gap:25px;color:var(--text-primary);border:1px solid rgba(15,64,188,.5);box-shadow:0 2px 10px #0003;position:relative;overflow:hidden;transition:border-color .3s ease}.user-info-container:hover,.wishes-container:hover{border-color:#0f40bc}.user-info-container{text-align:center}.section-title{font-size:1.5em;font-weight:500;margin:0 0 20px;text-align:center;letter-spacing:.5px;color:var(--accent-blue);transition:color .3s ease}.user-info-container:hover .section-title,.wishes-container:hover .section-title{color:var(--text-primary)}.user-form{display:flex;flex-direction:column;gap:25px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-secondary);font-size:.9em;font-weight:500;letter-spacing:.5px}.wish-form{display:flex;gap:12px;margin-bottom:20px}.wish-input,.form-group input{flex:1;padding:12px 16px;border-radius:12px;background:var(--glass-light);border:1px solid var(--border-light);color:var(--text-primary);font-size:.95em}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(100%)}.wish-input:focus,.form-group input:focus{outline:none;border-color:var(--accent-blue);background:#0f40bc0d}.logs{flex:1;overflow-y:auto;padding:20px;background:#0000004d;border-radius:16px;margin-bottom:20px;color:var(--text-primary);border:1px solid var(--border-light);scrollbar-width:thin;scrollbar-color:var(--accent-blue) rgba(0,0,0,.2)}.message{padding:12px 16px;margin:8px 0;border-radius:12px;font-size:.95em;line-height:1.5}.user-message{background:#0f40bc26;margin-left:15px;border-left:3px solid var(--accent-blue);box-shadow:0 2px 5px #0f40bc1a}.system-message{background:#ffffff0d;margin-right:15px;border-right:3px solid rgba(255,255,255,.2);box-shadow:0 2px 5px #0000001a}.spotify-layer{height:80px;margin-top:auto}.spotify-layer iframe{width:100%;height:100%;border-radius:12px;border:1px solid var(--border-light)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb{background:var(--accent-blue);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0d2fa0}button{padding:12px 20px;border-radius:12px;border:none;font-size:.95em;font-weight:500;cursor:pointer}.submit-btn{background:linear-gradient(135deg,var(--accent-blue),rgb(13,47,160));color:#fff}.clear-btn{background:#ffffff1a;color:var(--text-primary)}button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}@keyframes rotateLine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-info-container:before,.wishes-container:before{content:"";position:absolute;top:20%;left:20%;width:100%;height:125%;background:linear-gradient(transparent,rgba(8,73,236,.42),transparent);pointer-events:none;z-index:-1;transform:rotate(0);transition:transform .3s ease}.user-info-container:hover:before,.wishes-container:hover:before{animation:rotateLine 60s linear infinite}.user-info-container:not(:hover):before,.wishes-container:not(:hover):before{animation:none;transform:rotate(0);transition:transform .5s ease-out}@media (max-width: 1024px){main{overflow:auto}.main-layout{flex-direction:column;height:auto;padding:20px}.left-column,.right-column{flex:none;width:100%;height:auto}.user-info-container,.wishes-container{height:auto;min-height:300px}}@media (prefers-reduced-motion: reduce){.user-info-container:before,.wishes-container:before,.user-info-container:after,.wishes-container:after{animation:none;transition:none}button:hover{transform:none}.cube-face{transition:none!important}}nav{position:fixed;top:0;left:0;right:0;background:#47474726;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(15,64,188,.5);padding:15px 30px;z-index:1000}nav ul{margin:0;padding:0;list-style:none;display:flex;gap:20px;justify-content:center;align-items:center}nav a{color:var(--text-secondary);text-decoration:none;font-size:.95em;font-weight:500;padding:8px 16px;border-radius:8px;transition:all .3s ease}nav a:hover{color:var(--text-primary);background:#0f40bc26;border-color:var(--accent-blue)}nav a.active{color:var(--text-primary)}