*,.container,body{box-sizing:border-box}.controls,.wheel-container{backdrop-filter:blur(10px)}.result-content,.weight-display,h1{text-align:center}.result-content,body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.controls h2,.result-content h2,.result-content p,h1{margin-bottom:20px}*{margin:0;padding:0}:root{--primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--accent-gradient:linear-gradient(135deg, #ff4757, #ff3742);--secondary-gradient:linear-gradient(135deg, #5f27cd, #341f97);--success-gradient:linear-gradient(135deg, #00d2d3, #54a0ff);--glass-bg:rgba(255, 255, 255, 0.1);--glass-border:rgba(255, 255, 255, 0.05);--text-shadow:2px 2px 4px rgba(0, 0, 0, 0.3);--box-shadow:0 20px 40px rgba(0, 0, 0, 0.2);--border-radius:20px;--transition:all 0.3s ease}.btn,.spin-button{transition:var(--transition);color:#fff;cursor:pointer}body{background:var(--primary-gradient);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px;overflow-x:visible;-webkit-overflow-scrolling:touch}.container{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 350px;gap:30px;margin-top:20px}@media (max-width:900px){.container{grid-template-columns:1fr;gap:20px;max-width:100%;padding:0 10px;box-sizing:border-box}}h1{color:#fff;font-size:clamp(1.6rem, 4vw, 2.5rem);text-shadow:var(--text-shadow)}.wheel-container{display:flex;flex-direction:column;align-items:center;background:var(--glass-bg);border-radius:var(--border-radius);padding:50px;box-shadow:var(--box-shadow);box-sizing:border-box}.wheel-shadow-wrapper,canvas.wheel{border-radius:50%;box-sizing:border-box}.wheel-wrapper{width:100%;max-width:400px;aspect-ratio:1/1;position:relative;margin:0 auto;box-sizing:border-box}@media (max-width:400px){.wheel-wrapper{max-width:90vw}}.wheel-shadow-wrapper{position:relative;width:100%;height:100%;box-shadow:0 15px 35px rgba(0,0,0,.6)}canvas.wheel{width:100%!important;height:auto!important;display:block;border:8px solid #fff;transition:transform 3s cubic-bezier(.23, 1, .32, 1)}.pointer-svg{position:absolute;top:-30px;left:50%;transform:translateX(-50%);z-index:10;animation:2s ease-in-out infinite pulsePointer}@keyframes pulsePointer{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.08)}}.center-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:var(--accent-gradient);border-radius:50%;z-index:5;box-shadow:0 5px 15px rgba(0,0,0,.3);border:4px solid #fff;box-sizing:border-box}.btn,.seo-section table th{background:var(--secondary-gradient);font-weight:700}@media (max-width:768px){.center-circle{width:50px;height:50px;border-width:3px}}.btn{border:none;padding:12px 20px;border-radius:10px;font-size:14px;min-height:44px;box-sizing:border-box}.input-group input,.spin-button{border:none;min-height:44px;box-sizing:border-box}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px rgba(95,39,205,.3)}.btn:disabled{opacity:.6;cursor:not-allowed}.spin-button{background:var(--accent-gradient);padding:15px 40px;font-size:18px;font-weight:700;border-radius:50px;box-shadow:0 10px 20px rgba(255,71,87,.3);margin-top:20px}.spin-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px rgba(255,71,87,.4)}.btn-add{background:var(--success-gradient);width:100%;margin-top:10px;box-sizing:border-box}.btn-small{padding:5px 10px;font-size:12px;margin-left:5px;min-height:36px;min-width:36px;box-sizing:border-box}.controls{background:var(--glass-bg);border-radius:var(--border-radius);padding:25px;box-shadow:var(--box-shadow);box-sizing:border-box}.controls h2{color:#fff;font-size:1.5em}.input-group{margin-bottom:15px}.input-group input{width:100%;padding:12px 15px;border-radius:10px;font-size:16px;background:rgba(255,255,255,.9);box-shadow:0 5px 15px rgba(0,0,0,.1);outline:0}.entries-list{max-height:300px;overflow-y:auto;margin-top:20px;box-sizing:border-box}@media (max-width:480px){canvas.wheel{border-width:6px!important}.spin-button{padding:12px 30px;font-size:16px;min-height:40px}.input-group input{font-size:15px;min-height:40px;padding:10px 12px}.entries-list{max-height:250px}}@media (max-width:360px){.wheel-wrapper{max-width:85vw}canvas.wheel{border-width:4px!important}.center-circle{width:40px;height:40px;border-width:2px}.spin-button{padding:10px 25px;font-size:14px;min-height:36px}.btn-add{margin-top:8px;padding:10px;font-size:14px}.btn-small{min-width:32px;min-height:32px;font-size:11px;padding:4px 8px}.input-group input{font-size:14px;min-height:38px;padding:9px 10px}.entries-list{max-height:180px}}.entry-content{display:flex;align-items:center;flex:1;gap:10px;min-width:0}.entry-content input{background:0 0;border:none;color:#fff;font-size:14px;flex:1;outline:0;min-width:0;min-height:40px;padding:10px 12px}.weight-display{background:rgba(255,255,255,.3);padding:4px 8px;border-radius:15px;font-size:12px;font-weight:700;min-width:30px}.entry-actions{display:flex;gap:5px;align-items:center}.input-info{display:flex}.result-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(20,12,40,.3);display:none;justify-content:center;align-items:center;z-index:998;padding:20px;backdrop-filter:blur(3px)}.result-content{background:linear-gradient(135deg,#4a3f75c7,#2a2248);color:#e0dff9;padding:40px 50px;border-radius:25px;box-shadow:0 0 15px rgba(74,63,117,.5),0 10px 40px rgba(42,34,72,.6);max-width:90vw;max-height:80vh;overflow-y:auto;animation:.5s forwards popupFadeScale;position:relative}.result-content h2{font-size:clamp(1.8rem, 4vw, 3rem);font-weight:700;color:#c3bfff;text-shadow:1px 1px 6px rgba(255,255,255,.3)}.result-content p{font-size:1.25rem;font-weight:500;color:#d4d3f7;text-shadow:0 0 3px rgba(0,0,0,.15)}.close-btn{background:#6a5acd;color:#eef0ff;border:none;padding:14px 38px;border-radius:40px;font-size:1.1rem;font-weight:600;margin-top:15px;cursor:pointer;box-shadow:0 6px 12px rgba(106,90,205,.6);transition:background-color .3s,box-shadow .3s}.close-btn:hover{background:#8a79d9;box-shadow:0 8px 20px rgba(138,121,217,.8)}@keyframes popupFadeScale{0%{opacity:0;transform:scale(.85)}100%{opacity:1;transform:scale(1)}}@keyframes celebrateAnimation{0%{transform:scale(.3) rotate(-180deg);opacity:0}50%{transform:scale(1.1) rotate(-10deg)}100%{transform:scale(1) rotate(0);opacity:1}}.confetti{position:fixed;width:10px;height:10px;background:#ff4757;border-radius:50%;pointer-events:none;z-index:999}@media (max-width:1024px){.container{grid-template-columns:1fr;gap:25px;max-width:600px}}@media (max-width:768px){body{padding:10px}.container{gap:20px;margin-top:10px;padding:0 10px}.controls,.wheel-container{padding:20px}.wheel-wrapper{max-width:320px}}@media (max-width:480px){body{padding:5px 10px}.container{display:block}.controls,.wheel-container{padding:15px;border-radius:15px;margin-top:20px}.wheel-wrapper{max-width:280px}.entries-list{max-height:250px}.entry-item input[type=text]{font-size:13px;min-height:38px;padding:9px 10px}}@media (max-width:360px){body{padding:5px 8px}.container{grid-template-columns:1fr!important;gap:15px;max-width:100%;margin-top:10px;padding:0 5px}.controls,.wheel-container{padding:15px 10px;border-radius:12px}.wheel-wrapper{max-width:85vw!important}.entries-list{max-height:180px}h1{font-size:1.4rem}.controls h2,.seo-section h2{font-size:1.2em}.entry-item input[type=text]{font-size:12px;min-height:36px;padding:8px 10px}}.entry-item{background:rgba(255,255,255,.2);padding:5px 10px;margin:5px 0;border-radius:10px;display:flex;justify-content:space-between;align-items:center;color:#fff;gap:10px;box-sizing:border-box}.seo-section{max-width:800px;margin:50px auto 100px;padding:30px;color:#f1f1f1;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:20px;line-height:1.8;font-size:1rem;box-shadow:0 10px 40px rgba(0,0,0,.25);backdrop-filter:blur(5px)}.table-wrapper,img{max-width:100%}.seo-section h2{color:gold;margin-top:30px;font-size:1.7em;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:10px}.seo-section ol,.seo-section ul{margin-left:20px;margin-bottom:20px;padding-left:20px}.seo-section li{margin-bottom:10px;position:relative}.seo-section li::before{content:'✔';color:#00d2d3;margin-right:10px}.seo-section table{width:100%;margin:20px 0;border-collapse:collapse;border-radius:10px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.2)}.seo-section table td,.seo-section table th{padding:15px;border:1px solid rgba(255,255,255,.1);text-align:left}.seo-section table th{color:#fff}.seo-section table td{background:rgba(255,255,255,.05);color:#eee}.seo-section blockquote{font-style:italic;color:#ccc;border-left:4px solid gold;padding-left:20px;margin:20px 0;background:rgba(255,255,255,.05);border-radius:10px}.seo-section strong{color:#00e4d0}.table-wrapper{overflow:auto}