.numbers-container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;min-height:60px;margin-bottom:24px}.ball{width:48px;height:48px;border-radius:50%;background:var(--panel);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:var(--text);box-shadow:0 2px 4px #0000000d;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) forwards;opacity:0;transform:scale(.5)}.ball.bonus{border-color:#ef4444;color:#ef4444;background:#ef44440d}@keyframes popIn{to{opacity:1;transform:scale(1)}}.controls{display:flex;flex-direction:column;gap:20px}.actions-row{display:flex;justify-content:center}.options{display:flex;gap:20px;color:var(--muted);font-size:14px;justify-content:center}.options label{display:flex;align-items:center;gap:8px;cursor:pointer}input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.comment-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;max-height:300px;overflow-y:auto}.comment-item{background:#00000005;padding:16px;border-radius:12px;border:1px solid var(--border)}.comment-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;color:var(--muted)}.comment-text{font-size:15px;margin:0}.input-group{display:flex;gap:10px}.form-grid{display:grid;gap:16px}textarea{resize:vertical;min-height:100px}:root{color-scheme:light dark;--bg-light: #f8f9fa;--bg-dark: #121212;--panel-light: #ffffff;--panel-dark: #1e1e1e;--border-light: #e9ecef;--border-dark: #333333;--text-light: #212529;--text-dark: #f8f9fa;--muted-light: #6c757d;--muted-dark: #adb5bd;--primary: #6366f1;--primary-hover: #4f46e5;--shadow-light: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-dark: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .18)}[data-theme=dark]{--bg: var(--bg-dark);--panel: var(--panel-dark);--border: var(--border-dark);--text: var(--text-dark);--muted: var(--muted-dark);--shadow: var(--shadow-dark)}[data-theme=light]{--bg: var(--bg-light);--panel: var(--panel-light);--border: var(--border-light);--text: var(--text-light);--muted: var(--muted-light);--shadow: var(--shadow-light)}body{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;transition:background .3s ease,color .3s ease}.wrap{max-width:600px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;gap:32px}header{text-align:center;margin-bottom:16px}h1{font-size:28px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.panel{background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:32px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.panel:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}h2{font-size:20px;font-weight:600;margin-top:0;margin-bottom:24px;display:flex;align-items:center;gap:8px}h2:before{content:"";display:block;width:4px;height:20px;background:var(--primary);border-radius:2px}button.primary-btn{background:var(--primary);color:#fff;border:none;padding:14px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;width:100%}button.primary-btn:hover{background:var(--primary-hover)}input[type=text],input[type=email],textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);font-family:inherit;box-sizing:border-box}input:focus,textarea:focus{outline:2px solid var(--primary);border-color:transparent}