:root{--bg-primary: #FAF7F2;--bg-secondary: #F0EBE3;--text-primary: #1A1A1A;--text-secondary: #6B6B6B;--border-color: #1A1A1A;--border-width: 2px;--accent-orange: #FF6B35;--accent-blue: #2563EB;--accent-green: #16A34A;--accent-yellow: #F59E0B;--accent-red: #E74C3C;--card-shadow: 4px 4px 0px var(--border-color);--card-shadow-hover: 6px 6px 0px var(--border-color)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Space Grotesk,Noto Sans KR,sans-serif;font-weight:700;line-height:1.2;color:var(--text-primary)}.card{background:#fff;border:var(--border-width) solid var(--border-color);border-radius:4px;box-shadow:var(--card-shadow);padding:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--bg-secondary)}.card-title{font-size:1rem;font-weight:700;margin:0;font-family:Space Grotesk,sans-serif}.card-link{font-size:.8rem;color:var(--accent-blue);font-weight:600;text-decoration:none}.card-link:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.25rem;font-family:Noto Sans KR,sans-serif;font-weight:700;font-size:.875rem;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;text-decoration:none;transition:transform .08s ease,box-shadow .08s ease;box-shadow:3px 3px 0 var(--border-color);white-space:nowrap;color:var(--text-primary);background:#fff}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--border-color)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--border-color)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:2px 2px 0 var(--border-color)}.btn-primary{background:var(--accent-orange);color:#fff;border-color:var(--border-color)}.btn-primary:hover{background:#e85a26}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}.btn-ghost{background:transparent;box-shadow:none;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:2px 2px 0 var(--border-color);color:var(--text-primary)}.btn-danger{background:var(--accent-red);color:#fff;border-color:var(--border-color)}.btn-sm{padding:.35rem .875rem;font-size:.8rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-weight:700;font-size:.85rem;color:var(--text-primary)}.form-input{padding:.6rem .875rem;border:2px solid var(--border-color);border-radius:4px;font-size:.9rem;font-family:Noto Sans KR,sans-serif;background:#fff;color:var(--text-primary);transition:box-shadow .1s,border-color .1s;outline:none;box-shadow:2px 2px 0 var(--border-color);width:100%}.form-input:focus{border-color:var(--accent-orange);box-shadow:3px 3px 0 var(--accent-orange)}.form-input::placeholder{color:#a0a0a0}textarea.form-input{resize:vertical}.alert{padding:.75rem 1rem;border:2px solid;border-radius:4px;font-size:.875rem;font-weight:600}.alert-error{background:#fff0ee;border-color:var(--accent-red);color:var(--accent-red)}.alert-success{background:#eeffef;border-color:var(--accent-green);color:var(--accent-green)}.category-tag{display:inline-block;padding:2px 10px;border-radius:3px;font-size:.72rem;font-weight:700;border:2px solid;letter-spacing:.3px}.tag-notice{background:#fff0ee;color:var(--accent-red);border-color:var(--accent-red)}.tag-tech{background:#ebf2ff;color:var(--accent-blue);border-color:var(--accent-blue)}.tag-sales{background:#eefff3;color:var(--accent-green);border-color:var(--accent-green)}.tag-free{background:#fffbeb;color:#b45309;border-color:var(--accent-yellow)}.loading-state{text-align:center;padding:3rem;color:var(--text-secondary);font-weight:600;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#c0b8b0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a09890}@media (max-width: 768px){.btn{padding:.5rem 1rem}}
