@import"https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Noto+Sans+KR:wght@100..900&display=swap";:root{font-family:Google Sans,sans-serif;--bgPrimary: #121212;--bgSecondary: #1e1e1e;--bgTertiary: #2a2a2a;--accent: #00e5ff;--accentHover: #00d4eb;--accentDim: rgba(0, 229, 255, .1);--secondary: #ff007a;--secondaryHover: #e6006d;--textPrimary: #ffffff;--textSecondary: #b0b0b0;--textDim: #888888;--border: #333333;--borderLight: rgba(255, 255, 255, .1);--borderDashed: rgba(255, 255, 255, .2);--cardBg: rgba(0, 0, 0, .3);--cardBorder: rgba(255, 255, 255, .1);--inputBg: rgba(255, 255, 255, .05);--bg-color: var(--bgPrimary);--surface-color: var(--bgSecondary);--primary-color: var(--accent);--secondary-color: var(--secondary);--text-color: var(--textPrimary);--text-dimary: var(--textSecondary);--border-color: var(--border);--grid-cell-size: 40px;--grid-gap: 4px}*{font-family:Google Sans,sans-serif;box-sizing:border-box}body{font-family:Google Sans,sans-serif;margin:0;padding:0;background-color:var(--bgPrimary);color:var(--textPrimary);width:100vw;overflow:hidden;user-select:none;-webkit-user-select:none;transition:background-color .3s ease,color .3s ease}#root{width:100%;height:100%;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;color:var(--textPrimary)}button{cursor:pointer;border:none;font-family:inherit}a{text-decoration:none;color:inherit}svg,svg *{background:none!important;background-color:transparent!important}svg g,svg text,svg line,svg circle,svg path,svg rect{background:none!important;background-color:transparent!important}svg line{fill:none!important}svg text{background:transparent!important;paint-order:stroke}div::-webkit-scrollbar{width:5px}div::-webkit-scrollbar-thumb{background-color:var(--cardBorder);border-radius:3px}div::-webkit-scrollbar-track{background-color:var(--cardBg);border-radius:3px}._gridContainer_1a33a_1{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:2px;width:clamp(300px,40vmin,600px);height:clamp(300px,40vmin,600px);border:1px solid var(--border-color);background-color:#000;touch-action:none}._cell_1a33a_25{background-color:#222;cursor:pointer;transition:background-color .1s ease}._cell_1a33a_25:hover{background-color:#333}._cell_1a33a_25._active_1a33a_45{background-color:#fff;box-shadow:0 0 8px #ffffff80}._button_12jez_1{padding:10px 20px;border-radius:6px;font-weight:600;font-size:.9rem;transition:all .2s ease;min-width:100px;display:inline-flex;justify-content:center;align-items:center}._primary_12jez_25{background-color:var(--primary-color);color:#000}._primary_12jez_25:hover:not(._disabled_12jez_33){filter:brightness(1.1);box-shadow:0 0 10px #00e5ff66}._secondary_12jez_43{background-color:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color)}._secondary_12jez_43:hover:not(._disabled_12jez_33){background-color:#333;border-color:#555}._danger_12jez_63{background-color:#ff4d4d;color:#fff}._danger_12jez_63:hover:not(._disabled_12jez_33){background-color:#f66}._disabled_12jez_33{opacity:.5;cursor:not-allowed}.app-container{display:flex;flex-direction:column;height:100%}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:60px;background-color:var(--surface-color);border-bottom:2px solid var(--border-color)}.brand{font-weight:700;font-size:2rem;letter-spacing:1px}.links a{margin-left:1.5rem;color:var(--text-dimary)}.links a:hover{color:var(--primary-color)}.content{flex:1;overflow:auto}