@import"https://fonts.googleapis.com/css2?family=Gaegu:wght@400;700&family=Nanum+Gothic+Round:wght@400;700&display=swap";:root{--primary-color: #FF8A80;--secondary-color: #80CBC4;--border-radius-lg: 32px;--border-radius-sm: 16px;--font-family: "Nanum Gothic Round", sans-serif;--cute-font: "Gaegu", cursive;--bg-color: #FDFCF0;--card-bg: #FFFFFF;--text-color: #4E342E;--input-bg: #F9FAFB;--input-border: #E0E0E0;--menu-item-bg: #FFFFFF;--delete-btn-color: #FFCDD2;--selected-result-bg: #FFF9C4;--selected-result-text: #F4511E;--scrollbar-thumb: #E0E0E0}[data-theme=dark]{--bg-color: #282c34;--card-bg: #3c414d;--text-color: #e0e0e0;--input-bg: #4e5460;--input-border: #6a717f;--menu-item-bg: #4e5460;--delete-btn-color: #EF9A9A;--selected-result-bg: #5a5f6b;--selected-result-text: #FFAB91;--scrollbar-thumb: #6a717f}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;transition:background-color .3s ease,color .3s ease}#root{width:100%;max-width:440px;padding:20px}.App{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:0 12px 40px #0000000d;padding:40px 30px;text-align:center;border:4px solid #FFF9C4;transition:background-color .3s ease,box-shadow .3s ease}h1{font-family:var(--cute-font);color:var(--primary-color);font-size:3rem;margin:0 0 30px}.input-card{background:var(--input-bg);padding:20px;border-radius:var(--border-radius-sm);border:2px dashed var(--input-border);transition:background .3s ease,border-color .3s ease}.menu-input-section{display:flex;gap:8px;margin-bottom:12px}input[type=text]{flex:1;padding:12px 16px;border:2px solid var(--menu-item-bg);border-radius:12px;font-size:.95rem;font-family:inherit;outline:none;box-shadow:0 2px 8px #00000005;background-color:var(--menu-item-bg);color:var(--text-color);transition:border-color .3s ease,background-color .3s ease,color .3s ease}input[type=text]:focus{border-color:var(--secondary-color)}.btn-add{background-color:var(--secondary-color);color:#fff;border:none;border-radius:12px;padding:0 20px;font-weight:700;cursor:pointer;font-family:var(--cute-font);font-size:1.2rem;transition:background-color .3s ease}.menu-list-section ul{list-style:none;padding:0;margin:0;max-height:120px;overflow-y:auto}.menu-list-section li{background-color:var(--menu-item-bg);margin-bottom:6px;padding:8px 14px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;transition:background-color .3s ease}.btn-delete{background:none;border:none;color:var(--delete-btn-color);font-size:1.2rem;cursor:pointer;transition:color .3s ease}.roulette-section{display:flex;flex-direction:column;align-items:center}.roulette-wrapper{width:260px;height:260px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.05))}.spin-trigger-btn{width:100%;max-width:220px;background-color:var(--primary-color);color:#fff;border:none;padding:15px;border-radius:100px;font-size:1.6rem;font-family:var(--cute-font);cursor:pointer;box-shadow:0 6px #e57373;transition:all .1s;margin-top:10px}.spin-trigger-btn:active{transform:translateY(4px);box-shadow:0 2px #e57373}.spin-trigger-btn:disabled{background-color:#e0e0e0;box-shadow:none;cursor:not-allowed;transform:translateY(4px)}.selected-result{margin-top:25px;padding:15px;background-color:var(--selected-result-bg);border-radius:20px;font-size:1.4rem;font-family:var(--cute-font);color:var(--selected-result-text);transition:background-color .3s ease,color .3s ease}.selected-result strong{display:block;font-size:1.8rem;margin-top:5px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}