*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f5f5f5}.button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.button--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.button--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.button--primary:active{transform:translateY(0)}.button--secondary{background:#f0f0f0;color:#333}.button--secondary:hover{background:#e0e0e0}.button--secondary:active{background:#d0d0d0}.button--danger{background:#dc3545;color:#fff}.button--danger:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.button--danger:active{transform:translateY(0)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field__label{font-size:.875rem;font-weight:600;color:#333}.form-field__input{padding:.75rem;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.form-field__input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-field__input::placeholder{color:#999}.form-field__textarea{padding:.75rem;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .2s ease,box-shadow .2s ease}.form-field__textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-field__textarea::placeholder{color:#999}.difficulty-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:#fff;border:2px solid #667eea;border-radius:50%;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.difficulty-btn .material-icons{font-size:24px;color:#667eea}.difficulty-btn:hover:not(:disabled){background:#667eea;transform:scale(1.1)}.difficulty-btn:hover:not(:disabled) .material-icons{color:#fff}.difficulty-btn:active:not(:disabled){transform:scale(.95)}.difficulty-btn:disabled{border-color:#ccc;cursor:not-allowed;opacity:.5}.difficulty-btn:disabled .material-icons{color:#ccc}@media (max-width: 768px){.difficulty-btn{width:44px;height:44px}.difficulty-btn .material-icons{font-size:22px}}@media (min-width: 768px){.difficulty-btn{width:56px;height:56px}.difficulty-btn .material-icons{font-size:28px}}