/* Default theme — портировано из HR Retail Club */
body{font-family:'Inter',system-ui,sans-serif;background:#f5f5f2;color:#0a0a0a;padding-bottom:96px}
.mono{font-family:'Geist Mono',ui-monospace,monospace}
.tile{border-radius:24px;overflow:hidden;position:relative;transition:transform .3s ease, box-shadow .3s ease}
.tile:hover{transform:translateY(-3px);box-shadow:0 18px 40px -20px rgba(0,0,0,.15)}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.06);color:#525252;font-weight:500}
.dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e}
.pulse-dot{animation:pulse 2s ease-in-out infinite}
@keyframes pulse{50%{opacity:.5}}
.glow{box-shadow:0 0 0 1px rgba(0,0,0,.04), 0 20px 60px -30px rgba(0,0,0,.18)}
::selection{background:#0a0a0a;color:#f5f5f2}

.grad-1{background:linear-gradient(135deg,#fdba74,#fb7185)}
.grad-2{background:linear-gradient(135deg,#a78bfa,#60a5fa)}
.grad-3{background:linear-gradient(135deg,#34d399,#22d3ee)}
.grad-4{background:linear-gradient(135deg,#fde047,#fb923c)}
.grad-text{background:linear-gradient(90deg,#8b5cf6,#ec4899,#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent}

.case-card{cursor:pointer}
.case-card.selected{box-shadow:0 0 0 2px #0a0a0a, 0 20px 60px -30px rgba(0,0,0,.25)}
.case-card.selected:hover{transform:translateY(-3px)}
.case-card.disabled{opacity:.45;cursor:not-allowed}
.case-card.disabled:hover{transform:none;box-shadow:0 0 0 1px rgba(0,0,0,.04), 0 20px 60px -30px rgba(0,0,0,.18)}
.case-check{width:28px;height:28px;border-radius:999px;border:2px solid #d4d4d4;background:#fff;display:flex;align-items:center;justify-content:center;color:transparent;font-size:14px;font-weight:700;transition:all .2s;flex-shrink:0}
.case-card.selected .case-check{background:#0a0a0a;border-color:#0a0a0a;color:#fff}
.case-image img{display:block;width:100%;height:auto;border-radius:14px}

.result-bar{height:10px;background:rgba(0,0,0,.06);border-radius:999px;overflow:hidden}
.result-bar-fill{height:100%;border-radius:999px;transition:width 1s cubic-bezier(.2,.8,.2,1);background:linear-gradient(90deg,#8b5cf6,#ec4899,#fb923c)}

[hidden]{display:none!important}
.loader{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}
@keyframes spin{to{transform:rotate(360deg)}}

.modal-overlay{position:fixed;inset:0;background:rgba(10,10,10,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}
.modal-box{background:#fff;border-radius:24px;max-width:480px;width:100%;padding:28px;box-shadow:0 40px 80px -20px rgba(0,0,0,.3);max-height:90vh;overflow-y:auto}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.modal-input{width:100%;background:#f5f5f2;border:1px solid transparent;border-radius:14px;padding:12px 16px;font-size:15px;font-family:inherit;transition:all .15s;outline:none}
.modal-input:focus{border-color:#0a0a0a;background:#fff}
.modal-input::placeholder{color:#a3a3a3}