.modal-overlay[data-v-23072bad]{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-23072bad .3s ease}.modal-container[data-v-23072bad]{background:linear-gradient(145deg,#fffffff2,#f0f0f0f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:16px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:slideUp-23072bad .3s ease}.modal-header[data-v-23072bad]{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;padding:20px 24px;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2[data-v-23072bad]{font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.close-btn[data-v-23072bad]{background:transparent;border:none;color:#999;font-size:24px;cursor:pointer;transition:all .3s ease;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-btn[data-v-23072bad]:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.modal-body[data-v-23072bad]{padding:24px}.form-group[data-v-23072bad]{margin-bottom:20px}.form-group label[data-v-23072bad]{display:block;margin-bottom:8px;color:#1a1a1a;font-weight:500;font-size:14px}.form-group input[data-v-23072bad],.form-group textarea[data-v-23072bad]{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fffc}.form-group input[data-v-23072bad]:focus,.form-group textarea[data-v-23072bad]:focus{outline:none;border-color:#1a1a1a;background:#fff;box-shadow:0 0 0 3px #1a1a1a1a}.code-comparison[data-v-23072bad]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.code-section[data-v-23072bad]{border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;background:#1a1a1a}.code-section.bad-code[data-v-23072bad]{border-color:#ff6b6b4d}.code-section.good-code[data-v-23072bad]{border-color:#22c55e4d}.code-header[data-v-23072bad]{background:#2d2d2d;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.code-label[data-v-23072bad]{display:flex;align-items:center;gap:8px;color:#fff;font-size:12px;font-weight:500}.status-circle[data-v-23072bad]{width:8px;height:8px;border-radius:50%}.status-circle.red[data-v-23072bad]{background:#ff6b6b}.status-circle.green[data-v-23072bad]{background:#22c55e}.code-actions[data-v-23072bad]{display:flex;gap:8px;align-items:center}.code-btn[data-v-23072bad]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s ease}.code-btn[data-v-23072bad]:hover{background:#fff3}.language-select[data-v-23072bad]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;outline:none}.language-select option[data-v-23072bad]{background:#2d2d2d}.code-editor-wrapper[data-v-23072bad]{display:flex;background:#1a1a1a;min-height:200px}.line-numbers[data-v-23072bad]{background:#2d2d2d;color:#666;padding:16px 8px;font-family:Fira Code,Monaco,Consolas,monospace;font-size:13px;line-height:1.5;text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid rgba(255,255,255,.1);white-space:pre}.code-editor[data-v-23072bad]{flex:1;background:transparent;border:none;color:#e0e0e0;padding:16px;font-family:Fira Code,Monaco,Consolas,monospace;font-size:13px;line-height:1.5;resize:none;outline:none;white-space:pre;overflow-wrap:normal;overflow-x:auto}.modal-footer[data-v-23072bad]{background:linear-gradient(135deg,#f5f5f5f2,#fffffff2);padding:20px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px;border-radius:0 0 16px 16px}.btn[data-v-23072bad]{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:6px}.btn-cancel[data-v-23072bad]{background:transparent;color:#ff6b6b;border:2px solid rgba(255,107,107,.5)}.btn-cancel[data-v-23072bad]:hover{background:#ff6b6b1a;border-color:#ff6b6b}.btn-post[data-v-23072bad]{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;box-shadow:0 4px 6px -1px #0000001a}.btn-post[data-v-23072bad]:hover{transform:translateY(-2px);box-shadow:0 8px 12px -2px #0003}@keyframes fadeIn-23072bad{0%{opacity:0}to{opacity:1}}@keyframes slideUp-23072bad{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-container[data-v-23072bad]::-webkit-scrollbar,.code-editor[data-v-23072bad]::-webkit-scrollbar{width:8px;height:8px}.modal-container[data-v-23072bad]::-webkit-scrollbar-track,.code-editor[data-v-23072bad]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.modal-container[data-v-23072bad]::-webkit-scrollbar-thumb,.code-editor[data-v-23072bad]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.modal-container[data-v-23072bad]::-webkit-scrollbar-thumb:hover,.code-editor[data-v-23072bad]::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width: 768px){.code-comparison[data-v-23072bad]{grid-template-columns:1fr}.modal-container[data-v-23072bad]{width:95%;margin:10px}}[data-v-c24ab854] .keyword{color:#c678dd}[data-v-c24ab854] .function{color:#61afef}[data-v-c24ab854] .string{color:#98c379}[data-v-c24ab854] .comment{color:#5c6370;font-style:italic}[data-v-c24ab854] .variable{color:#e06c75}[data-v-c24ab854] .operator{color:#56b6c2}[data-v-c24ab854] .number{color:#d19a66}[data-v-c24ab854] .class-name{color:#e5c07b}[data-v-c24ab854] .punctuation{color:#abb2bf}[data-v-c24ab854] .property{color:#d19a66}[data-v-c24ab854] .method{color:#61afef}@media (prefers-color-scheme: dark){.bg-\[\#1a1a1a\][data-v-c24ab854]{background:#0a0a0a}}@media (max-width: 768px){.grid-cols-1.lg\:grid-cols-2[data-v-c24ab854]{grid-template-columns:1fr}}