:root{--primary-color:#ff4757;--secondary-color:#2f3542;--accent-color:#ffa502;--bg-color:#dfe4ea;--text-color:#2f3542;--panel-bg:hsla(0,0%,100%,.9);--active-item-bg:#dff9fb;--active-item-border:#7ed6df}.lucky-wheel-root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at center,#f1f2f6 0,#ced6e0 100%);margin:0;padding:0;width:100%;height:100%;min-height:100%;flex:1;overflow:hidden;color:var(--text-color);display:flex;flex-direction:column}.main-container{display:flex;width:100%;flex:1;min-height:0;background:transparent;padding:0;gap:0}.game-area{flex:1;display:flex;justify-content:center;align-items:center;position:relative;background:hsla(0,0%,100%,.2);transition:all .3s ease}.wheel-container{position:relative;width:min(80vw,80vh);height:min(80vw,80vh);max-width:600px;max-height:600px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.15));transition:width .3s,height .3s}#wheelCanvas{width:100%;height:100%;border-radius:50%}.pointer{top:-3%;transform:translateX(-50%);width:8%;height:10%;background:var(--primary-color);clip-path:polygon(50% 100%,0 0,100% 0);z-index:10;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.pointer,.spin-btn{position:absolute;left:50%}.spin-btn{top:50%;transform:translate(-50%,-50%);width:18%;height:18%;border-radius:50%;border:4px solid #fff;background:linear-gradient(145deg,#ff6b81,#ff4757);color:#fff;font-weight:700;font-size:clamp(12px,2vw,20px);cursor:pointer;z-index:5;box-shadow:0 5px 15px rgba(255,71,87,.4);transition:transform .2s,box-shadow .2s}.spin-btn:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 8px 20px rgba(255,71,87,.6)}.spin-btn:active{transform:translate(-50%,-50%) scale(.95)}.spin-btn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.controls-area{width:350px;min-width:300px;background:var(--panel-bg);padding:20px;display:flex;flex-direction:column;box-shadow:-5px 0 20px rgba(0,0,0,.05);backdrop-filter:blur(15px);z-index:20;transition:width .3s ease,transform .3s ease,height .3s ease;overflow:hidden}.controls-area.collapsed{width:60px;padding:20px 10px;cursor:pointer}.controls-area.collapsed:hover{background:#fff}.controls-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--bg-color);padding-bottom:10px;margin-bottom:20px;white-space:nowrap}.controls-area h2{margin:0;color:var(--secondary-color);font-size:1.5rem;transition:opacity .2s}.toggle-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--secondary-color);transition:transform .3s;padding:5px;border-radius:5px}.toggle-btn:hover{background:rgba(0,0,0,.05)}.icon-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#bdc3c7;transition:all .2s;padding:5px;border-radius:5px}.icon-btn:hover{color:var(--secondary-color);background:rgba(0,0,0,.05);transform:rotate(30deg)}.controls-area.collapsed .toggle-btn{transform:rotate(-90deg)}.controls-area.collapsed h2{opacity:0;width:0;overflow:hidden}.controls-content{display:flex;flex-direction:column;flex:1;overflow:hidden;transition:opacity .3s}.controls-area.collapsed .controls-content{opacity:0;pointer-events:none}.input-group{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.input-group input{padding:12px;border:1px solid #ced6e0;border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s;font-size:14px}.input-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(255,71,87,.1)}.input-group input:disabled{background-color:#f1f2f6;color:#a4b0be;cursor:not-allowed}.prize-list-container{flex:1;overflow-y:auto;padding-right:5px;margin-bottom:20px;scrollbar-width:thin;scrollbar-color:#bdc3c7 transparent}.prize-list-container::-webkit-scrollbar{width:6px}.prize-list-container::-webkit-scrollbar-thumb{background-color:#bdc3c7;border-radius:3px}#prizeList{list-style:none;padding:0;margin:0}#prizeList li{background:#fff;margin-bottom:10px;padding:15px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;font-size:14px;cursor:pointer;border:2px solid transparent;transition:all .2s;box-shadow:0 2px 5px rgba(0,0,0,.02)}#prizeList li:hover{background:#f8f9fa;transform:translateX(5px)}#prizeList li.editing{background-color:var(--active-item-bg);border-color:var(--active-item-border);box-shadow:0 4px 10px rgba(0,0,0,.05)}.btn-group{display:flex;gap:8px}#prizeList li button{border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#fff;transition:transform .1s;font-size:16px}#prizeList li button:active{transform:scale(.9)}#prizeList li .delete-btn{background:#ff4757;opacity:.8}#prizeList li .delete-btn:hover{opacity:1}.action-buttons{display:flex;gap:10px;width:100%}.add-new-btn{flex:1;padding:15px;background:var(--secondary-color);color:#fff;border:none;border-radius:12px;font-size:20px;font-weight:700;cursor:pointer;transition:background .2s,transform .1s;box-shadow:0 5px 15px rgba(47,53,66,.2);min-height:50px;display:flex;justify-content:center;align-items:center}.add-new-btn:hover{background:#57606f;transform:translateY(-2px)}.add-new-btn:active{transform:translateY(0)}.voice-btn{flex:1;padding:15px;background:#1e90ff;color:#fff;border:none;border-radius:12px;font-size:20px;cursor:pointer;transition:all .2s;box-shadow:0 5px 15px rgba(30,144,255,.3);display:flex;justify-content:center;align-items:center}.voice-btn:hover{background:#3742fa;transform:translateY(-2px)}.voice-btn.listening{background:#ff4757;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,71,87,.7)}70%{box-shadow:0 0 0 10px rgba(255,71,87,0)}to{box-shadow:0 0 0 0 rgba(255,71,87,0)}}.cart-btn{position:fixed;bottom:30px;left:30px;width:60px;height:60px;background:#fff;border-radius:50%;box-shadow:0 10px 25px rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center;font-size:30px;cursor:pointer;z-index:50;transition:transform .2s}.cart-btn:hover{transform:scale(1.1)}.cart-badge{position:absolute;top:-5px;right:-5px;background:var(--primary-color);color:#fff;font-size:12px;font-weight:700;min-width:20px;height:20px;border-radius:10px;padding:0 4px;border:2px solid #fff;transition:transform .2s}.cart-badge,.flying-item{display:flex;justify-content:center;align-items:center}.flying-item{position:fixed;width:40px;height:40px;background:var(--accent-color);border-radius:50%;z-index:9999;pointer-events:none;font-size:20px;box-shadow:0 5px 15px rgba(0,0,0,.2);animation:spinItem 1s linear infinite}@keyframes spinItem{to{transform:rotate(1turn)}}.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);backdrop-filter:blur(5px);animation:fadeIn .3s}.modal.open{display:block}.modal-content{background-color:#fefefe;margin:10vh auto;padding:30px;border-radius:20px;border:1px solid #ddd;width:90%;max-width:400px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.3);animation:slideDown .4s;position:relative;max-height:80vh;display:flex;flex-direction:column}.cart-list-container{overflow-y:auto;flex:1;margin-top:10px}#cartList li{padding:10px;border-bottom:1px solid #eee;text-align:left;display:flex;justify-content:space-between}#cartList li:last-child{border-bottom:none}#cartList li span.time{color:#999;font-size:12px}.modal-content h2{color:var(--primary-color);font-size:1.8rem;margin-top:0}.modal-content p{font-size:1.2rem;margin:20px 0;color:var(--secondary-color)}.close-btn{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer;position:absolute;top:15px;right:20px}.close-btn:hover{color:#000}#claimBtn{background:var(--accent-color);color:#fff;border:none;padding:12px 30px;font-size:1.1rem;border-radius:30px;cursor:pointer;margin-top:10px;box-shadow:0 4px 10px rgba(255,165,2,.4);transition:transform .2s;align-self:center}#claimBtn:hover{transform:scale(1.05)}.settings-section{margin-top:20px;text-align:left}.settings-section h3{margin:0 0 8px;font-size:1.1rem;color:var(--secondary-color)}.cloud-label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#666}.cloud-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.cloud-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;border:1px solid #ced6e0;background:#fff;color:var(--secondary-color);cursor:pointer;font-size:.9rem;text-decoration:none;transition:all .2s}.cloud-btn:hover{background:#f1f2f6}.cloud-btn.primary{background:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.cloud-btn.primary:hover{background:#57606f}.cloud-btn:disabled{opacity:.6;cursor:not-allowed}.cloud-hint{margin-top:8px;font-size:.85rem;color:#999}.cloud-message{margin-top:10px;font-size:.9rem;color:#57606f}.cloud-message.success{color:#2ecc71}.cloud-message.error{color:#e74c3c}.clear-cart-btn{margin-top:15px;padding:10px 20px;background:#fff;color:#ff4757;border:1px solid #ff4757;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .2s;align-self:center}.clear-cart-btn:hover{background:#ff4757;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:900px){.lucky-wheel-root{overflow-y:auto}.main-container{flex-direction:column;height:auto;min-height:100vh}.game-area{height:auto;min-height:50vh;padding:40px 20px;flex:none}.wheel-container{width:300px;height:300px}.controls-area{width:100%;box-sizing:border-box;border-radius:20px 20px 0 0;box-shadow:0 -5px 20px rgba(0,0,0,.1);padding-bottom:80px;position:relative;height:auto;max-height:60vh}.controls-area.collapsed{width:100%;height:60px;padding-bottom:0;overflow:hidden}.controls-area.collapsed .toggle-btn{transform:rotate(180deg)}.controls-area.collapsed h2{opacity:1;width:auto}.cart-btn{bottom:20px;left:20px;width:50px;height:50px}}