*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}#app{max-width:1200px;margin:0 auto}.app-container[data-v-71dfdd84]{min-height:100vh}.app-header[data-v-71dfdd84]{text-align:center;color:#fff;margin-bottom:10px;padding:15px 20px 10px}.title-container[data-v-71dfdd84]{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:5px}.app-header h1[data-v-71dfdd84]{font-size:2.5rem;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.editable-title[data-v-71dfdd84]{cursor:pointer;transition:opacity .2s}.editable-title[data-v-71dfdd84]:hover{opacity:.8}.title-input[data-v-71dfdd84]{font-size:2.5rem;font-weight:700;text-align:center;background:#fff3;border:2px solid rgba(255,255,255,.5);border-radius:8px;color:#fff;padding:5px 15px;outline:none;width:100%;max-width:500px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.title-input[data-v-71dfdd84]::placeholder{color:#ffffffb3}.btn-edit-title[data-v-71dfdd84]{background:#fff3;border:none;color:#fff;font-size:1.2rem;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:.7}.btn-edit-title[data-v-71dfdd84]:hover{background:#ffffff4d;opacity:1;transform:scale(1.1)}.subtitle[data-v-71dfdd84]{font-size:1.1rem;opacity:.9}.main-content[data-v-71dfdd84]{padding:10px 30px 30px;display:flex;flex-direction:row;gap:30px}.content-grid[data-v-71dfdd84]{display:grid;grid-template-columns:1fr 1fr;gap:30px;width:100%}@media (max-width: 968px){.main-content[data-v-71dfdd84]{flex-direction:column}.content-grid[data-v-71dfdd84]{grid-template-columns:1fr}}.section-header[data-v-71dfdd84]{padding:20px 30px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.section-header h2[data-v-71dfdd84]{font-size:1.5rem;color:#333;margin:0}.section-actions[data-v-71dfdd84]{display:flex;gap:10px;flex-wrap:wrap;padding:15px 30px;background:#f8f9fa;border-bottom:2px solid #e9ecef}.action-buttons[data-v-71dfdd84]{display:flex;gap:10px;flex-wrap:wrap}.name-list-section[data-v-71dfdd84],.lottery-section[data-v-71dfdd84]{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000026;overflow:hidden}.name-list-container[data-v-71dfdd84]{padding:15px 30px;max-height:500px;overflow-y:auto}.empty-state[data-v-71dfdd84]{text-align:center;padding:60px 20px;color:#999}.name-list[data-v-71dfdd84]{display:flex;flex-direction:column;gap:6px}.name-item[data-v-71dfdd84]{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8f9fa;border-radius:6px;transition:all .2s}.name-item[data-v-71dfdd84]:hover{background:#e9ecef}.name-item.selected[data-v-71dfdd84]{background:#e3f2fd;border:2px solid #2196f3}.name-number[data-v-71dfdd84]{min-width:28px;text-align:center;font-weight:700;color:#666;background:#fff;padding:3px 8px;border-radius:4px;font-size:.9rem}.name-input[data-v-71dfdd84]{flex:1;border:none;background:transparent;font-size:.95rem;padding:3px 5px;outline:none}.btn-remove[data-v-71dfdd84]{background:#ff5252;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.btn-remove[data-v-71dfdd84]:hover{background:#ff1744;transform:scale(1.1)}.list-stats[data-v-71dfdd84]{padding:12px 30px;background:#f8f9fa;border-top:1px solid #e9ecef;color:#666;font-weight:500;font-size:.9rem}.lottery-container[data-v-71dfdd84]{padding:30px;text-align:center}.lottery-tube-container[data-v-71dfdd84]{position:relative;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:30px}.lottery-tube[data-v-71dfdd84]{position:relative;width:200px;height:350px;perspective:1000px}.lottery-tube.shaking[data-v-71dfdd84]{animation:shake-71dfdd84 .3s infinite}@keyframes shake-71dfdd84{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-5px) rotate(-2deg)}75%{transform:translate(5px) rotate(2deg)}}.tube-body[data-v-71dfdd84]{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#8b7355,#6b5d4f);border-radius:20px 20px 10px 10px;box-shadow:inset 0 0 30px #0000004d,0 10px 30px #0006;overflow:hidden}.tube-top[data-v-71dfdd84]{position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(135deg,#a0826d,#8b7355);border-radius:20px 20px 0 0;box-shadow:0 -5px 15px #0003;z-index:2}.tube-top[data-v-71dfdd84]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:20px;background:#0000004d;border-radius:10px}.tube-content[data-v-71dfdd84]{position:relative;width:100%;height:100%;padding:50px 20px 20px;overflow:hidden;background:linear-gradient(to bottom,#8b73551a,#6b5d4f33,#6b5d4f66)}.tube-empty[data-v-71dfdd84]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff9;text-align:center}.tube-icon[data-v-71dfdd84]{font-size:4rem;margin-bottom:15px;opacity:.7}.tube-empty p[data-v-71dfdd84]{font-size:1rem;margin:0}.sticks-inside[data-v-71dfdd84]{position:relative;width:100%;height:100%;perspective:300px;perspective-origin:center center}.stick-inside[data-v-71dfdd84]{position:absolute;width:70px;height:30px;background:linear-gradient(135deg,#fff9e6,#ffe6cc);border:2px solid #d4a574;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#8b4513;box-shadow:0 3px 8px #0000004d,inset 0 1px #ffffff80,inset 0 -1px #0000001a;animation:stickFloat-71dfdd84 1.8s ease-in-out infinite;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px;transform-origin:center center;backface-visibility:hidden}.stick-text[data-v-71dfdd84]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}@keyframes stickFloat-71dfdd84{0%,to{transform:translate(-50%) translateY(0) rotate(0) scale(1);opacity:.8}25%{transform:translate(-50%) translateY(-5px) rotate(-3deg) scale(1.02);opacity:.9}50%{transform:translate(-50%) translateY(-8px) rotate(2deg) scale(1.05);opacity:1}75%{transform:translate(-50%) translateY(-5px) rotate(3deg) scale(1.02);opacity:.9}}.drawn-stick[data-v-71dfdd84]{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-100px) scale(0);opacity:0;z-index:10;transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.drawn-stick.show[data-v-71dfdd84]{transform:translate(-50%) translateY(-80px) scale(1);opacity:1;animation:stickPopOut-71dfdd84 .8s ease-out}@keyframes stickPopOut-71dfdd84{0%{transform:translate(-50%) translateY(50px) scale(0) rotate(0);opacity:0}40%{transform:translate(-50%) translateY(-100px) scale(1.15) rotate(8deg);opacity:1}60%{transform:translate(-50%) translateY(-70px) scale(.95) rotate(-3deg);opacity:1}to{transform:translate(-50%) translateY(-80px) scale(1) rotate(0);opacity:1}}.stick-content[data-v-71dfdd84]{background:linear-gradient(135deg,#fff9e6,#ffe6cc);border:3px solid #d4a574;border-radius:12px;padding:25px 40px;box-shadow:0 10px 30px #0000004d,0 0 20px #ffd70080;min-width:200px;text-align:center}.stick-header[data-v-71dfdd84]{font-size:.9rem;color:#8b4513;font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}.stick-name[data-v-71dfdd84]{font-size:2rem;font-weight:700;color:#654321;margin:15px 0;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.stick-footer[data-v-71dfdd84]{font-size:1rem;color:#8b4513;margin-top:10px}.lottery-controls[data-v-71dfdd84]{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.btn[data-v-71dfdd84]{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn[data-v-71dfdd84]:disabled{opacity:.5;cursor:not-allowed}.btn-small[data-v-71dfdd84]{padding:8px 16px;font-size:.875rem;gap:6px}.btn-primary[data-v-71dfdd84]{background:#2196f3;color:#fff}.btn-primary[data-v-71dfdd84]:hover:not(:disabled){background:#1976d2;transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.btn-secondary[data-v-71dfdd84]{background:#4caf50;color:#fff}.btn-secondary[data-v-71dfdd84]:hover:not(:disabled){background:#388e3c;transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.btn-danger[data-v-71dfdd84]{background:#ff5252;color:#fff}.btn-danger[data-v-71dfdd84]:hover:not(:disabled){background:#ff1744;transform:translateY(-2px);box-shadow:0 4px 12px #ff525266}.btn-lottery[data-v-71dfdd84]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.2rem;padding:15px 40px}.btn-lottery[data-v-71dfdd84]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #667eea80}.btn-lottery-secondary[data-v-71dfdd84]{background:#ff9800;color:#fff;font-size:1.1rem;padding:15px 30px}.btn-lottery-secondary[data-v-71dfdd84]:hover:not(:disabled){background:#f57c00;transform:translateY(-3px);box-shadow:0 8px 20px #ff980080}.btn-clear[data-v-71dfdd84]{background:#9e9e9e;color:#fff;margin-top:15px}.btn-clear[data-v-71dfdd84]:hover{background:#757575}.btn-cancel[data-v-71dfdd84]{background:#9e9e9e;color:#fff}.btn-cancel[data-v-71dfdd84]:hover{background:#757575}.multiple-results[data-v-71dfdd84]{margin-top:30px;padding:20px;background:#f8f9fa;border-radius:10px}.multiple-results h3[data-v-71dfdd84]{margin-bottom:15px;color:#333}.results-list[data-v-71dfdd84]{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.result-item[data-v-71dfdd84]{display:flex;align-items:center;gap:15px;padding:12px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.result-rank[data-v-71dfdd84]{min-width:30px;text-align:center;font-weight:700;color:#667eea;background:#e3f2fd;padding:5px 10px;border-radius:5px}.result-name-text[data-v-71dfdd84]{flex:1;font-size:1.1rem;color:#333}.modal-overlay[data-v-71dfdd84]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}.modal-content[data-v-71dfdd84]{background:#fff;border-radius:15px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp-71dfdd84 .3s}@keyframes slideUp-71dfdd84{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-71dfdd84]{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e9ecef}.modal-header h3[data-v-71dfdd84]{font-size:1.5rem;color:#333}.modal-close[data-v-71dfdd84]{background:none;border:none;font-size:24px;color:#999;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close[data-v-71dfdd84]:hover{background:#f0f0f0;color:#333}.modal-body[data-v-71dfdd84]{padding:30px}.modal-input[data-v-71dfdd84],.modal-textarea[data-v-71dfdd84]{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;font-family:inherit;outline:none;transition:border-color .2s}.modal-input[data-v-71dfdd84]:focus,.modal-textarea[data-v-71dfdd84]:focus{border-color:#2196f3}.modal-textarea[data-v-71dfdd84]{resize:vertical;min-height:200px}.modal-hint[data-v-71dfdd84]{margin-top:10px;color:#666;font-size:.9rem}.modal-footer[data-v-71dfdd84]{display:flex;justify-content:flex-end;gap:10px;padding:20px 30px;border-top:1px solid #e9ecef}.name-list-container[data-v-71dfdd84]::-webkit-scrollbar{width:8px}.name-list-container[data-v-71dfdd84]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.name-list-container[data-v-71dfdd84]::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.name-list-container[data-v-71dfdd84]::-webkit-scrollbar-thumb:hover{background:#555}